Como funciona onMouseClic

quino · #1 (**permalink**) 18/07/2002, 09:39

Hola,

intento cambiar el color de las opciones de un menú utilizando onMouseover y onMouseout pero no sé como hacerlo. Ademas, cuando utilizo onMouseclick no consigo pasar los parametros correctamente a mi función. ¿Alguien me puede enviar un ejemplo de como cambiar los colores de una opcion de menu cuando paso el ratón por encima?

Si ademas, me indicais como pasar parametros a una funcion con onMouseclick os lo agradeceria mucho.

Saludos :(

. · #2 (**permalink**) 18/07/2002, 12:25

Creo que te refieres al onClick o al onmouseDown

el menu es de imagenes?
si es así entonces copiate esta funcion y modifica las rutas de las imagenes y los nombres de la imagenes (en este caso las puse en mayusculas y con imagenes de FDW para hacer el ejemplo)

Este es un ejemplo:


<script>
function change_image(nombre_imagen, imagen )
{
document[nombre_imagen].src = imagen;
}
</script>


<a href="pagina.htm" onMouseOver="change_image('NOMBREIMAGEN','htt p://www.forosdelweb.com/images/smile.gif');"
onMouseOut="change_image('NOMBREIMAGEN','http ://www.forosdelweb.com/images/wink.gif');"
onmouseDown="change_image('NOMBREIMAGEN','htt p://www.forosdelweb.com/images/sad.gif');">


<img src="http://www.forosdelweb.com/images/wink.gif" name="NOMBREIMAGEN" border=0>
</a>

quino · #3 (**permalink**) 18/07/2002, 14:35

Gracias, pero es mas sencillo. Lo único que quiero es que al pasar el raton por encima de una opcion de un menu el texto de la opcion cambie de color. Si ademas hay alguna forma sencilla de llamar a una funcion para que realice una acción posterior me vendria muy bien un ejemplo.

Gracias por tu ayuda ;)

. · #4 (**permalink**) 18/07/2002, 14:58

bueno prueba con estilos

en este ejemplo hay enlaces con estilos y al ser clickeados llaman una funcion en este caso un alert

<head>
<style>
A:link {text-decoration:none; color:blue}
A:active {text-decoration:none;color:red}
A:visited {text-decoration:none;color:blue}
A:hover {text-decoration:underline;color:gold}
</style>
<script>
function hola(){
alert('hola')
}
</script>
</head>
<body>
<a href=pagina1.html onclick="hola()">se va al enlace y llama una funcion</a><br>
<a href=javascript:hola()>solo llama una funcion</a><br>
</body>