martes, 8 de abril de 2008

Eventos

De nada nos sirve poder seleccionar lo elementos del DOM si no podemos usarlos cuando los necesitemos, podemos definir un evento como una accion del usuario en una pagina web, ante la cual se podria responder don un proceso determinado. los principales son el evento change y el evento click. Usando jquery la sintaxis seria la siguiente:

$("elementoseleccionado").click(function() {
//sentencias
});

$("elementoseleccionado").change(function() {
//sentencias
});

Tomando el mismo ejemplo anterior (no hace falta recordarles que si cambian el nombre de la imagen el ejemplo resultara mejor).

<img src="imagenes/imagen.jpg"/>

Hagamos uso de el omnipresente alert para implementar nuestro pequeño ejemplo.

$(document).ready(function(){
//seleccionamos el elemento deseado
$("img").click(function(){
alert("funciona!!!");
});

});

Como notaran, cuando clickemos sobre la imagen, se lanza el proceso alert, por la naturaleza del selector usado el alert se lanzara cuando se haga click sobre cualquiera de las imagenes de las que disponemos en nuestra pagina.
Existen otros tipos de eventos, pero a mi parecer estos dos son los que mas utilidad pueden brindarnos al momento de interactuar con el usuario.

No hay comentarios: