Eventos

Juny18 · #1 (**permalink**) 08/05/2008, 04:28

Hola a todos,

Estoy empezando a programar en javascript y ya llevo bastante aprendido , ahora estoy por el tema de los eventos.

Quería saber para que sirven los eventos del sirguiente código:

Código:

<HTML>
 <HEAD>
  <TITLE> javascriptimagenes </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function cambio(valor)
{

	switch (valor)
	{
		case "1": document.images[0].src="img/contenidos.gif";
		break;

		case "2": document.images[0].src="img/prueba.gif";
		break;

		case "3": document.images[0].src="img/trabajo.gif";
		break;

		case "4": document.images[0].src="img/unidades.gif";
		break;

		default:
		document.images[0].src="";
	}
	
return valor;
}
function res(img)
{
	switch (img)
	{
	case "1": open("img/contenidos.gif", "nueva", "width=200,height=200,scrollbars=no,toolbar=no");
	break;
	case "2": open("img/prueba.gif", "nueva", "width=200,height=200,scrollbars=no,toolbar=no");
	break;
	case "3": open("img/trabajo.gif", "nueva", "width=200,height=200,scrollbars=no,toolbar=no");
	break;
	case "4": open("img/unidades.gif", "nueva", "width=200,height=200,scrollbars=no,toolbar=no");
	break;
	}
}
</SCRIPT>

 </HEAD>

 <BODY bgcolor="green">
<br><hr color="white">
<CENTER><h1><B>Visor Imágenes</b></h1></CENTER>
<br><hr color="white">
<center><SELECT NAME="img" onChange="cambio(this.value)";><option>Elige Opcion:<OPTION value="1">contenidos.gif<option value="2">prueba.gif<option value="3">trabajo.gif<option value="4">unidades.gif</select>
<br><br><br><img name="vacio" src="" width="200" height="200" border="0" onDblClick="res(img.value)";>

 </BODY>
</HTML>

tengo varias dudas sobre estos eventos. Me podrían decir también la sintaxis de dichos eventos, en definitiva, todo lo que sepan relacionado con ellos.

Muchisimas Gracias

caricatos · #2 (**permalink**) 08/05/2008, 09:59

Hola:

No sé que es lo que no entiendes... en los controles select hay que usar el evento de realizar cambios (change) y el otro el hacer doble click... por cierto, no entiendo la costumbre de poner algunas letras en mayúsculas cuando tienen que escribirse en minúsculas (todas las letras)... supongo que algún viejo editor hace esa absurda conversión). Los manejadores de eventos están precedidos por on (onchange, onclick)

Pueden asociarse a muchos elementos (no solo a controles de formularios)... y el parámetro más idóneo es this (sí mismo).

¿Qué es lo que quieres saber?

Saludos