ProgramacionFacil

UNIDAD JSCRIPT 1: ELEMENTOS BASICOS JSCRIPT

TEMA JSCRIPT 10: JSCRIPT(2) HTML

En este segundo modelo de JSCRIPT se manipulan objetos html y codigo JSCRIPT.

Recordar que estos dos modelos de programación son de tipo cliente, es decir es la maquina del cliene quien los baja de un servidor de paginas, lo compila y lo ejecuta.

La primera ventaja de este modelo es que ya se podra comunicar directamente con el usuario del programa, para que sea el propio usuario quien proporcione los datos, como lo muestra el siguiente ejemplo:

Prog2.html

 
<HTML>
 
<H1>BIENVENIDO A JSCRIPT </H1>
 
<B>MI SEGUNDO SCRIPT<BR>
 
<FORM NAME=prog2>
 
BASE..:<INPUT TYPE=TEXT NAME=base><BR>
 
ALTURA:<INPUT TYPE=TEXT NAME=altura><BR>
 
AREA..:<INPUT TYPE=TEXT NAME=area><BR>
 
<INPUT TYPE=BUTTON NAME=calculo VALUE=OK>
 
<script for=calculo event=onclick languaje=jscript>
 
prog2.area.value=prog2.base.value * prog2.altura.value /2;
 
</script> </FORM> </HTML>

1.- Lo primero y mas importante a recordar que los scripts deberan estar embebidos o empotrados en una pagina html y deben ir entre los tags <script>codigobasic</script>.

2.- Este codigo mezcla instrucciones y objetos de dos lenguajes de programación diferentes ellos son HTML y JSCRIPT.

3.- Considerar la pagina como una sola forma o ventana de windows empotrada en el browser, esta forma contiene cuatro objetos, controles o componentes provenientes del lenguaje de programacion html (ellos son los input type), tres controles(los de tipo text) se usan para capturar y desplegar datos, el ultimo control (tipo button) se usa para contener el codigo o script del programa.

4.-Como se observa todos estos controles son objetos y por tanto tienen propiedades y metodos, que son los que usamos dentro del programa, observar el formato para procesarlos, es decir: forma.objeto.propiedad o metodo.

5.- De los controles de tipo TEXT estamos usando su propiedad value para procesar los datos, del control BUTTON estamos usando su evento onclick, para pegarle el proceso u operación.

6.- Observar que los primero que hace jscript, es detectar el evento onclick del boton calculo y realizar directamente las operaciones con los objetos html.

7.- Observar con cuidado todas las partes en minusculas.

Para ejecutarlo, existen dos maneras:

1.- Solo abrirlo con el internet explorer en tu propia maquina y si tu internet explorer ya esta actualizado, deberas ver la imagen de arriba.

2.- Por supuesto que hacer un jscript y ejecutarlo en nuestra propia maquina no tiene ningun sentido, la idea es que sean los usuarios quien lo bajen (la pagina.html o prog1.html) y lo ejecuten en sus maquinas, para esto deberas subir prog2.html a tu sitio web en LUNARPAGES y para ejecutarlo desde una maquina cliente, solo usar la siguiente dirección:

http://tudominioLUNARPAGES/prog2.html

El programa en ejecución:

image197.jpg

TAREAS PROGRAMACION JSCRIPT

1.- Construir scripts para la primera mitad de los problemas que se vierón en el TEMA JSCRIPT de modelo de solución.

 




 


Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki

Politica de Privacidad