Documente Academic
Documente Profesional
Documente Cultură
Radiobutton
Cuando se dispone de un grupo de radiobuttons,
generalmente no se quiere obtener el valor del
atributo value de alguno de ellos, sino que lo
importante es conocer cul de todos los radiobuttons
se ha seleccionado. La propiedad checked devuelve
true para el radiobutton seleccionado y false en
cualquier otro caso.
<input type="radio" value="si" name="pregunta"
id="pregunta_si"/> SI
<input type="radio" value="no" name="pregunta"
id="pregunta_no"/> NO
<input type="radio" value="nsnc" name="pregunta"
id="pregunta_nsnc"/> NS/NC
Checkbox
Los elementos de tipo checkbox son muy similares a
los radiobutton, salvo que en este caso se debe
comprobar cada checkbox de forma independiente
del resto. El motivo es que los grupos de radiobutton
son mutuamente excluyentes y slo se puede
seleccionar uno de ellos cada vez.
Por su parte, los checkbox se pueden seleccionar de
forma independiente respecto de los dems.
Select
Las listas desplegables (<select>) son los elementos
en los que es ms difcil obtener su valor. Si se
dispone de una lista desplegable como la siguiente:
<select id="opciones" name="opciones">
<option value="1">Primer valor</option>
<option value="2">Segundo valor</option>
<option value="3">Tercer valor</option>
<option value="4">Cuarto valor</option>
</select>
*Ejemplo 22
Genere un formulario donde aplique las diversas
verificaciones de los campos revisadas anteriormente
usando javascript.
*Ejemplo 23
<form id="formulario" action="#">
...<br>
<input
type="button"
value="Enviar"
onclick='this.disabled=true;this.value="Enviando...";t
his.form.submit()' />
</form>
permitidos
en un
*Ejercicio 24
Gener una funcin que reciba por parametros
Validacin
La principal utilidad de JavaScript en el manejo de los
formularios es la validacin de los datos introducidos por
los usuarios. Antes de enviar un formulario al servidor, se
recomienda validar mediante JavaScript los datos
insertados por el usuario. De esta forma, si el usuario ha
cometido algn error al rellenar el formulario, se le puede
notificar de forma instantnea, sin necesidad de esperar la
respuesta del servidor.
Aunque existen tantas posibles comprobaciones como
elementos
de
formulario
diferentes,
algunas
comprobaciones son muy habituales: que se rellene un
campo obligatorio, que se seleccione el valor de una lista
desplegable, que la fecha introducida sea lgica, que se
haya introducido un nmero donde as se requiere, etc.
*Ejemplo 25
Cree un formulario en donde tenga los elementos
bsicos (caja de texto, opciones, combos), y verifique
que no se haga el envo si uno de los elemento esta
vaco.
Objeto window
Define la ventana sobre la que estamos trabajando e incluye los objetos
referentes a la barra de tareas, el documento o la secuencia de direcciones
de la ltima sesin.
El nombre ser el que queramos que se utilize como parmetro de un
TARGET y las propiedades son una lista separada por comas de algunos de
los siguientes elementos:
toolbar[=yes|no]
location[=yes|no]
directories[=yes|no]
status[=yes|no]
menubar[=yes|no]
scrollbars[=yes|no]
resizable[=yes|no]
width=pixels
height=pixels
*Ejemplo 26
<SCRIPT LANGUAGE="JavaScript">
function AbrirVentana() {
MiVentana=open("","MiPropiaVentana",
"toolbar=no,directories=no,menubar=no,status=yes");
MiVentana.document.write( "<HEAD><TITLE>Una nueva
ventana</TITLE></HEAD>");
MiVentana.document.write("<CENTER><H1><B>" + Texto dentro de
nueva ventana</B></H1></CENTER>");
}
</SCRIPT>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton1" VALUE="Abreme, Ssamo"
onClick="AbrirVentana()">
</FORM>
</BODY>
Frames
Frames es un objeto que, a pesar de pertenecer a
window, posee muchas de sus propiedades y
mtodos. De hecho, la nica diferencia entre un
marco y una ventana es su visualizacin
Javascript considera el documento de declaracin de
marcos (es decir, aquel en el que escribimos las
etiquetas FRAME y FRAMESET) como un objeto
Window normal y corriente.
*Ejemplo28
Pgina principal:
<iframe src="ejercicio28a.html"
></iframe>
<br />
<iframe src="ejercicio28b.html"
></iframe>
name="frame1"
name="frame2"
*Ejemplo28
Pgina con el Frame 1:
<form name="form1">
<input type="text" name="Nombre" size="40">
<input type="button" value="Escibe tu nombre y da click"
onClick="parent.frame2.document.form1.nombre.value=d
ocument.form1.Nombre.value;">
</form>
Pgina con el Frame 2:
<form name="form1">
<input type="text" name="nombre" size="40">
</form>
Temporizador
var variable_de_temporizador =
setTimeout( instrucciones, tiempo, parametros );
clearTimeout( variable_de_temporizador );
El parmetro instrucciones con que se llama al mtodo
setTimeout() inidica la(s) accin(es) que se ha(n) de
ejecutar cuando se cumpla el tiempo prefijado. La
segunda es dicho tiempo expresado en milisegundos. En
caso de que dichas acciones a realizar sean la llamada a
una funcin, en el tercer parmetro se le puede pasar el
conjunto de argumentos que necesitar (en forma de
cadena). No obstante, los argumentos se pueden pasar
directamente en la propia llamada a la funcin, por lo que
solo son obligatorios al llamar a setTimeout() los dos
primeros parmetros.
Ejemplo 29
<HTML>
<HEAD> <TITLE>Primer ejemplo de uso de
temporizadores</TITLE>
<SCRIPT> function mensaje()
{ setTimeout("alert('Este mensaje ha salido a los 5
segundos');",5000); } </SCRIPT> </HEAD>
<BODY onLoad="mensaje();">Ejercicio 29</BODY>
</HTML>
*Ejemplo 30
Uso de temporizadores avanzados