Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Eventos
Como ejemplo se muestra el uso del evento OnLoad para ofrecer un mensaje
de bienvenida a los visitantes de la página. Se utiliza la función predefinida
alert, que muestra una ventana con un mensaje de aviso.
Ejemplos
Este evento se activa cuando se hace click con el ratón sobre un botón de un
formulario o un enlace de hipertexto.
Enlace sensible
<A ONMOUSEOVER="alert('Has pasado por encima del enlace');"
HREF="docpru.html">Enlace sensible</A>
Este evento es muy utilizado para validar los datos introducidos desde un
formulario.
Enviar formulario
DUI:
<SCRIPT LANGUAGE="JavaScript">
<!--
function compruebaFormulario ()
{
if (document.forms.ejemplo3.dni.value == "")
{
alert ('Debe introducir el DUI);
return (false);
}
else
return (true);
}
//-->
</SCRIPT>
Valor actual:
<SCRIPT>
<SCRIPT>
<!--
function suma (p)
{
if (document.forms.ejemplo4.precio.value)
pant = parseInt(document.forms.ejemplo4.precio.value);
else
pant=0;
if(parseInt(p)==1)
document.forms.ejemplo4.precio.value = pant + 10;
else
document.forms.ejemplo4.precio.value = pant - 10;
}
// -->
</SCRIPT>
<FORM NAME="ejemplo4">
<P>Valor actual:
<INPUT TYPE="text" NAME="precio" VALUE="0" SIZE=10>
<INPUT TYPE="button" NAME="aumentar" VALUE="Aumentar"
ONCLICK="suma(1)">
<INPUT TYPE="button" NAME="disminuir" VALUE="Disminuir"
ONCLICK="suma(2)"></P>
</FORM>
Este ejemplo es similar al anterior, solo que en esta ocasión el campo de texto
cambia de valor según se seleccione uno u otro botón de radio.
Pregunta
Respuesta 1
Respuesta 2
Respuesta 3
Respuesta 4
Respuesta 5
Resultado:
<SCRIPT>
<!--
function respuesta (res)
{
document.forms.ejemplo5.resultado.value=res;
}
// -->
</SCRIPT>
<FORM NAME="ejemplo5">
<P>Pregunta<BR>
<BLOCKQUOTE>
<INPUT TYPE="radio" NAME="pregunta"
ONCLICK="respuesta('incorrecto')">Respuesta 1<BR>
<INPUT TYPE="radio" NAME="pregunta"
ONCLICK="respuesta('incorrecto')">Respuesta 2<BR>
<INPUT TYPE="radio" NAME="pregunta"
ONCLICK="respuesta('correcto')">Respuesta 3<BR>
<INPUT TYPE="radio" NAME="pregunta"
ONCLICK="respuesta('incorrecto')">Respuesta 4<BR>
<INPUT TYPE="radio" NAME="pregunta"
ONCLICK="respuesta('incorrecto')">Respuesta 5<BR>
Resultado: <INPUT TYPE="text" NAME="resultado" SIZE=10></P>
</BLOCKQUOTE>
</FORM>
<SCRIPT>
<!--
function carga_imagen(fichero_imagen)
{
document.images.imagen.src = fichero_imagen;
}
//-->
</SCRIPT>