Cargar una función
Hola a todos, a ver si me podéis ayudar con el siguiente problema: quiero cambiar el color de un elemento de lista al poner al ratón encima, y en principio lo he hecho de la siguiente manera:
<li onMouseOver="this.style.color='#CC0000';" onMouseOut="this.style.color='#000000';">Elemento de lista</li>
Funciona perfectamente, pero el problema es que habría que repetir todo el código para cada elemento de la lista, lo cual es un engorro. Había pensado crear una función, y "llamarla" desde cada elemento <li>, una función que creo que podría ser la siguiente (corregidme si es incorrecta):
<script language="JavaScript">
function listaEnlaces(){
onMouseOver = this.style.color='#CC0000';
onMouseOut = this.style.color='#000000';
}
</script>
Suponiendo que esta función esté bien hecha (que no lo se), el problema es que no se como "llamarla" desde cada elemento <li></li> de la lista, y es aquí donde pido vuestra ayuda. Gracias de antemano por vuestro interés.
Etxe
<li onMouseOver="this.style.color='#CC0000';" onMouseOut="this.style.color='#000000';">Elemento de lista</li>
Funciona perfectamente, pero el problema es que habría que repetir todo el código para cada elemento de la lista, lo cual es un engorro. Había pensado crear una función, y "llamarla" desde cada elemento <li>, una función que creo que podría ser la siguiente (corregidme si es incorrecta):
<script language="JavaScript">
function listaEnlaces(){
onMouseOver = this.style.color='#CC0000';
onMouseOut = this.style.color='#000000';
}
</script>
Suponiendo que esta función esté bien hecha (que no lo se), el problema es que no se como "llamarla" desde cada elemento <li></li> de la lista, y es aquí donde pido vuestra ayuda. Gracias de antemano por vuestro interés.
Etxe
Xq no pruebas a hacer una funcion javascript para cada cambio? es decir:
<script language="JavaScript">
function poner(elem){
elem.style.color='#CC0000';
}
function quitar(elem) {
elem.style.color='#000000';
}
</script>
y lo llamas de la siguiente manera:
<li onMouseOver="poner(this);" onMouseOut="quitar(this);">Elemento de lista</li>
Espero q te sirva de algo
Un saludo
<script language="JavaScript">
function poner(elem){
elem.style.color='#CC0000';
}
function quitar(elem) {
elem.style.color='#000000';
}
</script>
y lo llamas de la siguiente manera:
<li onMouseOver="poner(this);" onMouseOut="quitar(this);">Elemento de lista</li>
Espero q te sirva de algo
Un saludo