Cita:
Iniciado por Pastilla666 ...
Lo que quiero hacer es cuando pincho en una opcion del menu, se me cambie el evento onmouseout de esa opcion para que cuando se quite el raton de encima, se quede la imagen resaltada, y cuando se pinche en otra opcion del menu, este evento vuelva a su estado original, es decir, cambiarlo otra vez para que cuando se quite el raton de encima, la opcion no quede resaltada...
para eso no es necesario cambiar el evento onmouseout, es mas simple y efectivo hacerlo directamente en una funcion utilizando una variable global para almacenar que celda o capa tiene que conservar la imagen resaltada(en el ejemplo se usa la variable 's').
Cita: <html>
<head>
<script>
s="";
function over(c){
c.style.backgroundImage="url(f2.jpg)";
}
function out(cc){
if(cc!=s){cc.style.backgroundImage="url(f1.jpg)";
}
}
function clik(ccc){
if(s!=""){s.style.backgroundImage="url(f1.jpg)";}
ccc.style.backgroundImage="url(f2.jpg)";
s=ccc;
}
</script>
<style type="text/css">
<!--
.menu {
background-image: url(f1.jpg);
}
-->
</style>
</head>
<body>
<table width="100" border="0" align="center">
<tr>
<td class="menu" onMouseOver="over(this)" onmouseout="out(this)" onclick="clik(this)"><center>
menu1</center></td>
</tr>
<tr>
<td class="menu" onMouseOver="over(this)" onmouseout="out(this)" onclick="clik(this)"><center>
menu2</center></td>
</tr>
<tr>
<td class="menu" onMouseOver="over(this)" onmouseout="out(this)" onclick="clik(this)"><center>
menu3</center></td>
</tr>
<tr>
<td class="menu" onMouseOver="over(this)" onmouseout="out(this)" onclick="clik(this)"><center>
menu4</center></td>
</tr>
</table>
</body>
</html>
espero te sirva.
saludos