Poner overs sobre imagenes?

LoBo2024 · #1 (**permalink**) 12/04/2007, 03:38

Mmm no se si me he explicado en el nombre del título, si alguien tiene un título mejor lo cambiaré y tal pero de momento ahi se queda...

La cosa es, que necesito hacer una web accesible y tiene unos enlaces con unos "onmouseover" para que la imagen que sale salga luego con una sombra y tal... como es algo que si no tienes javascript pues no se ve, ni me preocupa que se vea, porque sería funcional igual, pues no le di más importancia, pero claro el hera me dice que utilizo "Eventos dependientes" y claro realmente a la hora de la verdad, no es algo que importe si tienes javascript o no, simplemente verás la imagen con o sin sombra que tampoco es gran cosa... pero la verdad me gustaria saber como se puede poner el mouseover para que pase esa validación automática????

Espero haberme explicado bien...

PatomaS · #2 (**permalink**) 12/04/2007, 03:50

Hola

Lo que tienes que hacer, es evitar usar manejadores de eventos en la misma página, estos los debes sustituir por "escuchas" en los eventos.

Puedes encontrar un ejemplo aquí.

Felicidad

LoBo2024 · #3 (**permalink**) 12/04/2007, 04:29

Muchas gracias pero en esa página no veo util la verdad, no consigo ver donde bajarse el script... y no veo que me ayude a solucionar el tema de los overs :/ no se si es q no lo se ver... o que sucede... pero vamos tengo ya puesto un controlador del evento para ventanas emergentes y lo tengo puesto pero lo veo mucho más complejo para el tema del over y el out del raton :/ aparte que solo es una mejora visual nada más...

PatomaS · #4 (**permalink**) 12/04/2007, 04:42

Hola

En ese vínculo, te explican la mecánica tras la escucha de eventos que es la forma de usar scripts de forma accesible.

Sobre como descargarlo, te basta con buscar la dirección del script, el cual, obviamente está vinculado a la página, para ver esta dirección, puedes usar, por ejemplo opciones como "media" desde la ventana de propiedades de firefox, netscape y similares, o puedes ver el código fuente y copiar la ruta al script. Vamos que hay muchas maneras aparte de un vínculo directo.

Sobre la mecánica, la página habla de abrir popups, pero obviamente puedes sustituir el código de apertura del popup y sustituirlo por que tengas manteniendo la detección.

Es decir, es una guía, no una receta para que la sigas.

Felicidad

LoBo2024 · #5 (**permalink**) 12/04/2007, 04:57

No habia visto que era código tuyo xPPP jeje pero la verdad sigo viendolo muy complejo...

mira te pongo el script que uso yo para el tema de las ventanas flotantes...

Código:

function openopen(){
	var enlaces=document.getElementsByTagName('a');
	var longitud=enlaces.length;   
	for (cont=0;cont<longitud;cont++){
		if (enlaces[cont].className.indexOf('ventana')!=-1){
			enlaces[cont].onclick=function(){
				CargarFoto(this.href,'500','500');
				return false;
			}
		}
	}
}

Como es logico el cargarfoto es otra function de javascript que abre la ventana centrada y tal... y claro está que puesto así habría que poner un

Código:

  <body onload="openopen();">

Pero claro con ese método veo algo complicado el meter un mouseover y un mouseout que cambie las imagenes a través del id... aunque... ahora creo que lo he visto claro jeje

Pues nada espero que eso te sirva para algo ;) yo voy a intentar darle caña al tema del mouseover ;)