UNIDAD 2: CONTROL DE PROGRAMA

JSCRIPT TEMA 10: CHECKBOX

El componente CheckBox permite seleccionar una opción al usuario del programa o tomar una decisión directamente en pantalla.

Ejemplos de uso:

image145.jpg

Observar que dos o mas checkboxs pueden estar seleccionados a la vez.

Codigo prog5.html


<html>

<form action=http://programacionfacil.com/cgi-bin/tusitio/prog5.exe method=get>

<b>sexo:</b><br>

<input type=checkbox name=M checked>masculino<br>

<input type=checkbox name=F >femenino<br>

<input type=checkbox name=N checked>neutro<br>

<input type=submit value=ok>

</form> </html>

Notas:

1.- grabarlo y subirlo como prog5.html a tusitio en programacionfacil.com

2.- La propiedad name debera ser diferente en cada checkbox usado, la propiedad checked se usa para que aparezca ya palomeado o seleccionado el control.

3.- Cuando se activa prog5.exe, esta forma manda el par NAME=on solo de los checkbox que fuerón seleccionados.

Corrida del html:

image146.jpg

Para programar este componente:

  1. Como ya se indico, esta forma va a mandar el par NAME=on asi que esto es sencillo en jscript, solo recordar usar un if por cada checkbox.

Codigo prog5.js


import System;

//declarando variables

var m:String, f:String, n:String;

//creando objeto de captura

var capturar:lnet = new lnet();

// capturando,cargando y convirtiendo

//los datos de la forma a las variables

m = capturar.getparametro("M");

f = capturar.getparametro("F");

n = capturar.getparametro("N");

print("Content-Type:text/html\n");

if(m == "on") print("masculino checado"+"<br>");

if(f == "on") print("femenino checado"+"<br>");

if(n == "on") print("neutro checado"+"<br>");

notas:Muy sencillo el codigo jscript de validación y no olvidar subirlo a tu sitio.

Corrida prog5.exe

image293.jpg

En cuanto al programa no hay nada nuevo a enseñar solo recordar que cuando hay muchos checkbox's van a tener que usar muchos if's.

TAREAS PROGRAMACION JSCRIPT CGI

1.- Evaluar la función image148.jpgpara x = 2,-5, 8 (usar un CheckBox por cada valor de x, y programar cada el if de cada CheckBox con la operación correspondiente y el despliegue del resultado).

2.- Construir un pagina.html con los datos de un automóvil y una segunda pagina muestra un plan de financiamiento a dos años y una tercera pagina muestra un plan de financiamiento a tres años.

3.- Construir un programa de seleccion de menús, las opciones seran algunos de los programas ya hechos.(se recomienda que en cada if construyan la forma o pagina de manera dinamica de la forma.html que tienen en el programa correspondiente)

 




Google
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki
Politica de Privacidad