Select onchange - Mouseover - Div ?

[chocovo]

Hola,

Tengo una lista de unos 10 productos en en lista (Select Onchange) y me gustaría que al lado se viera/apareciera una pequeña imagen (100x100px) de los distintos productos a medida que se vaya pasando el ratón por la lista.

Lo primero que me viene a la cabeza es mouseover y div, pero ¿se puede combinar todo eso con select onchange?

Gracias por vuestra ayuda.

Un saludo.

[laratik]

Creo que no es muy buena idea, principalmente por la interpretación que le pueden dar los diferentes navegadores, por ejemplo al hacer:

Código HTML:

<select>
<option onMouseOver="cambiar('images/errorIcon.gif')">1</option>
<option onMouseOver="cambiar('images/flecha_azul.gif')">2</option>
<option onMouseOver="cambiar('images/flecha_hover.png')">3</option>
</select> 

Funciona muy bien en firefox, pero internet explorer y chrome no toman el evento, para mi lo mejor seria adherir el evento onChange al select y ya.

[chocovo]

Hola laratik,

¿A qué te refieres con "adherir el evento onchange al select"?

¿En el codigo que has puesto supongo que cambiar es una función que hay que desarrollar, no?

Internet Explorer y Chrome... siempre complicandolo todo. ¿Que sería de nosotros sin ellos? jajaja

¿Se te ocurre otro metodo de hacer lo que busco?
Lo que quiero es que al lado de la lista desplegable (del "select") se vea una pequeña imagen del producto a medida que se pase el ratón por encima del producto y que desaparezca cuando se quite el ratón.

Saludos

[laratik]

Hola chocovo.

1. Me refiero al colocar el manejador de eventos onChange a la etiqueta select:

Código HTML:

<select onChange="cambiar(this.value)">
<option>1</option>
<option>2</option>
<option>3</option>
</select> 

Aunque para lo que quieres no serviría.

2. exactamente, aunque lo único que haría es cambiar el src de target, el cual es una etiqueta de imagen con ese mismo id.

Código Javascript:

function cambiar(src) {
    document.getElementById("target").src = src;
}
 

3. Seguramente la vida seria más fácil (Especialmente sin IE).

4. Realmente no se me ocurre nada más, principalmente porque por lo que he leído IE no soporta eventos para la etiqueta option y según parece chrome va por la misma linea, aunque de pronto puede salir alguna otra idea salvadora. SALUDOS.