Etxe
20 de Julio del 2003

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

Fran
20 de Julio del 2003

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