Algunos eventos en JavaScript.
Diseño de paginas web con HTML y JavaScript. En esta nota te estaremos hablando de algunos de los eventos de JavaScriptr. El evento onSubmit es utilizado para un propósito principal: Para validar todos los campos dentro de un formulario antes de presentarlo. El evento onChange puede validar un formulario único. Algunas veces, sin embargo, el visitante puede considerar molesto tener validaciones en medio de la entrada de campos en un formulario. En lugar de validar después de cada entrada, es posible que desee que el formulario se valide sólo al hacer clic en el botón de envío. Esto se puede hacer usando el evento onSubmit.
Este evento asume que hiciste una script que llamará a la función llamada checkform() que validaría las entradas a un formulario. Ahora quieres que se llame a esta función cuando el usuario hace clic en el botón submit. Si el contenido no es aceptado por la función, el envío será cancelado. De esta manera no se enviaría nada a menos que la función que haz asignado acepte el contenido.
Lo que deberás hacer es añadir el evento onSubmit a la etiqueta <form> de esta manera:
<form method="yourchoise" action="yourchoise"onsubmit="return checkform()">
Elevento checkform () devuelve verifica las casillas asignadas. Si devuelve "true" el archivo se realizará. Si devuelve "false" el archivo será cancelado.
onMouseOver y onMouseOut
En los formularios son utilizados principalmente para un propósito: Para crear botones animados. Eventos sólo pueden usarse en combinación con la etiqueta de enlace <a>. Sin embargo, los eventos suelen ser más útiles en combinación con la etiqueta de imagen <img>. El truco para que el evento funcione en una imagen es simplemente convertir la imagen en un enlace. (Si la imagen no se supone que realmente funcione como un enlace, siempre se puede hacer un enlace a un marcador vacío).
Ahora se muestra cómo hacer que un cuadro de alerta aparezca cuando un onMouseOver se detecta en una imagen : El código para producir el ejemplo anterior es el siguiente:
<ahref="#"onMouseOver="alert('He detectado un evento onMouseOver')" onMouseOut="alert('He detectado un evento onMouseOut')"><img src="rainbow.gif" width="60" height="60"></a>
Nota: La etiqueta ahref="#" hace que el enlace de la imagen no llevará a ninguna parte. Si realmente quisieras que la imagen vinculara a una página, debes introducir en el directorio de la página aquí en lugar del símbolo #. Por ejemplo, supongamos que tienen una página sobre un curso de excel. Podrías escribir así a referencia, junto con el script.
<ahref="micursodeexcel.com/ejemplo"onMouseOver="alert('He detectado un evento onMouseOver')" onMouseOut="alert('He detectado un evento onMouseOut')"><img src="rainbow.gif" width="60" height="60">
En notas siguientes te explicaremos más sobre este tema, que te ayudarán a lograr el diseño de paginas web que deseas..