Evento onMouseOver sobre cada palabra de la lista de un COMBO.
A quien me pueda ayudar se lo agradezco:
Necesito que al pasar el mouse sobre las diferentes opciones en una lista del combo se muestre una imagen asociada a dicha palabra.
Necesito que al pasar el mouse sobre las diferentes opciones en una lista del combo se muestre una imagen asociada a dicha palabra.
Hola, lamento decirte que no se puede hacer eso; el evento onmouseover se aplica a elementos HTML, en este caso el objeto SELECT ("COMBOBOX"); las opciones de la lista son elementos propios del objeto; no objetos por si solos.
Lo que puedes usar es el evento onchange, que se dispara cuando cambia la opcion seleccionada del select.
Hize un ejemplo:
----empieza archivo.html-----
<script>
function cambiaImg(imagen){
document.getElementById("miImg").src=imagen;
}
</script>
<select onchange="cambiaImg(this.value)">
<option value="logo.gif">Logo</option>
<option value="subdir/imagen.jpg">Otra imagen</option>
<option value="logo3.jpg">Logo 3</option>
</select>
<img src="x.gif" id="miImg">
---fin archivo.html--------
La imagen puede ir donde sea, lo que cuenta es el id.
Cambia el value de cada opcion para apuntar a la imagen deseada, asi como la imagen inicial (x.gif).
Saludos, scriptman
.::keep it virtual::.
Lo que puedes usar es el evento onchange, que se dispara cuando cambia la opcion seleccionada del select.
Hize un ejemplo:
----empieza archivo.html-----
<script>
function cambiaImg(imagen){
document.getElementById("miImg").src=imagen;
}
</script>
<select onchange="cambiaImg(this.value)">
<option value="logo.gif">Logo</option>
<option value="subdir/imagen.jpg">Otra imagen</option>
<option value="logo3.jpg">Logo 3</option>
</select>
<img src="x.gif" id="miImg">
---fin archivo.html--------
La imagen puede ir donde sea, lo que cuenta es el id.
Cambia el value de cada opcion para apuntar a la imagen deseada, asi como la imagen inicial (x.gif).
Saludos, scriptman
.::keep it virtual::.
