JMiur [E]

Los eventos son código JavaScript que no se incluye en un script sino dentro de los tags del HTML y que se ejecutan cuando "algo pasa". Se los denomina event handlers.

Estos eventos pueden ser pulsar un botón del ratón, moverlo, enviar un formulario via email, tocar una tecla, etc. La sintaxis básica es:
evento="código JavaScript a ejecutar"
por ejemplo:
onClick="alert('hello!')"
Las funciones son invocadas por eventos iniciados por el usuario. Por esto parece razonable colocarlas dentro del HEAD así son cargados antes de que el usuario pueda hacer algo que llame una función.

Algunos de los Event Handlers son onClick, onLoad, onMouseOver, onMouseOut y onUnload.

Veamos un ejemplo de onClick event handler. Este es el script:
function Boton() {
alert("texto")
}
y este es el código HTML:
<FORM>
<INPUT type="button" name="test" value="Probar"
onclick="inform()">
</FORM>
Este otro ejemplo no utiliza un script sino que coloca el código directamente en los etiquetas:
<FORM name="go">
<INPUT type="checkbox" name="C1"
onclick="document.bgColor='lightblue'">
<INPUT type="checkbox" name="C2"
onclick="document.bgColor='lightyellow'">
<INPUT type="checkbox" name="C3"
onclick="document.bgColor='lightgreen'">
</FORM>
Aquí se utiliza onClick para cambiar el color del fondo.

Dos eventos muy comunes son onLoad y onUnload. El primero es utilizado para ejecutar una rutina JavaScript después que la página, frame o imagen haya sido cargada por completo:
<BODY onload="Rutina()">
<FRAMESET onload="Rutina()">
<IMG src="archivo" onload="Rutina()">
El segundo ejecuta una rutina JavaScript inmediatamente después que se abandona la página:
<BODY onunload="alert('Gracias')">
Otros dos eventos muy utilizados son onMouseOver y onMouseOut.

El primero se activa cuando se pasa el cursor del ratón sobre un objeto y el segundo cuando se lo quita.

En este ejemplo se escribe un texto en la barra de estado cuando el cursor está sobre el link y se borra cuando se lo quita:
<A href="pagina"
onmouseover="status='Este es el texto';return true"
onmouseout="status=' '">
Esta es una lista de los eventos registrados por JavaScript y los tipos de uso generales:
onAbort   imágenes
onBlur ventanas, formularios y frames
onClick botones, cajas de texto, links
onChange campos, áreas de texto, listas
onError ventanas, imágenes
onFocus ventanas, formularios y frames
onLoad body, imágenes
onMouseover áreas, links
onMouseout links
onReset formualrios
onSelect campos de texto
onSubmit botón submit
onUnload body
Los event handler pueden ejecutar varias acciones simultáneamente. Esto se consigue separando cada una con un punto y coma. Por ejemplo:
onClick="alert('Gracias'); window.location='página'"
en este caso, al hacer click se mostrará un mensaje y luego se saltará a otra página web.

JavaScript reconoce datos numéricos, booleanos y cadenas alfanuméricas y no diferencia entre ellos. Por ejemplo:
w = 2
w = 'hola'
son procesados indistintamente como un número y un texto respectivamente.

Las variables son nombres simbólicos que contienen ciertos valores:
x = 42
Cuando se establece una variable fuera de una función, esta es definida como global y puede ser evaluada en cualquier parte del documento. Si es declarada dentro de una función se denomina local y sólo es reconocida dentro de esta.

Para declarar una variable dentro de una función, la instrucción var es optativa, pero para declararla como global, es obligatoria:
<SCRIPT type="text/javascript">
var x = 42
function Ejemplo() {
y = 42
}
</SCRIPT>

1 comentario:

Anónimo  

>>> CLARIIISIMO !!!! <<<

gracias!!!

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR