Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/04/2006, 09:41
Pastilla666
 
Fecha de Ingreso: septiembre-2005
Ubicación: Vejer de la Fra, Cádiz
Mensajes: 83
Antigüedad: 19 años, 7 meses
Puntos: 0
Modificar evento onMouseOut

Hola a todos, ya llevo tiempo con este problema de intentar cambiar los parametros que tiene el onMouseOut de un Tag con javascript pero no lo consigo con el Explorer.

De echo, estube discutiendo en un foro sobre este tema en esta misma web, deje el trabajo que estaba haciendo y ahora, al retomarlo de nuevo y de darle muchas vueltas, me he dado cuenta de que sigue sin funcionar, ahora tengo simplifado el codigo, os lo dejo aki para que veais.


Aqui os dejo el Javascript:
Cita:
function imagenMenuClick (nomCapa, nomObj, ruta)
{
//Variable para saber si se usa explorer o mozilla
var gko = navigator.userAgent.toLowerCase();

//Aqui pregunto si le hemos dado ya a algun elemento del menu, sino, no entra
if ((nomObjAnt != 0) && (nomObjAnt != nomObj))
{
var objAnt = document.getElementById(nomObjAnt);
var objCapaAnt = document.getElementById(nomCapaAnt);

if (gko.indexOf('gecko')!=-1) //si soporta gecko, es Mozilla, Netscape, Safari, etc
{
objAnt.src = "img/fondoTextoMenu.jpg";
objCapaAnt.setAttribute("onmouseout","javascript: imagenMenuOut ('"+nomObjAnt+"', 'img/fondoTextoMenu.jpg')");
}
else //es I.Explorer
{
objAnt.src = "img/fondoTextoMenu.jpg";
objCapaAnt.setAttribute("onmouseout","javascript: imagenMenuOut ('"+nomObjAnt+"', 'img/fondoTextoMenu.jpg')");
}
}

Obj = document.getElementById(nomObj);
ObjCapa = document.getElementById(nomCapa);

//Aqui lo que se hace es para dejar la "Imagen Resaltada" del elemento del menu que pinchamos

if (gko.indexOf('gecko')!=-1) //si soporta gecko, es Mozilla, Netscape, Safari, etc
{
Obj.src = "img/fondoTextoMenuOver.jpg";
ObjCapa.setAttribute("onmouseout","javascript: imagenMenuOut ('"+nomObj+"', 'img/fondoTextoMenuOver.jpg')");
}
else //es I.Explroer
{
alert (nomObj);
alert (nomCapa);
Obj.src = "img/fondoTextoMenu.jpg";
ObjCapa.setAttribute("onmouseout","javascript: imagenMenuOut ('"+nomObj+"', 'img/fondoTextoMenuOver.jpg')");
}

//Aqui guardo los nombres del menu al que pinchamos ahora para que me las cambie la proxima vez que se pinche en otra opcion, esta.
nomObjAnt = nomObj;
nomCapaAnt = nomCapa;
}

Aqui os pongo el HTML:
Cita:
<div id="capaInicio" class="opcionMenu" onMouseOver="javascript: imagenMenuOver('inicio', 'img/fondoTextoMenuOver.jpg');" onMouseOut="javascript: imagenMenuOut('inicio', 'img/fondoTextoMenu.jpg');" onClick="javascript: imagenMenuClick('capaInicio', 'inicio', 'img/fondoTextoMenuOver.jpg');">
<img id="inicio" src="img/fondoTextoMenu.jpg" alt="Menu">
<div class="textoMenu"><font color="#fc7c05">I</font>nicio</div>
</div>
<div id="capaOfertas" class="opcionMenu" onMouseOver="javascript: imagenMenuOver('ofertas', 'img/fondoTextoMenuOver.jpg');" onMouseOut="javascript: imagenMenuOut('ofertas', 'img/fondoTextoMenu.jpg');" onClick="javascript: imagenMenuClick('capaOfertas', 'ofertas', 'img/fondoTextoMenuOver.jpg');">
<img id="ofertas" src="img/fondoTextoMenu.jpg" alt="Menu">
<div class="textoMenu"><font color="#fc7c05">O</font>fertas</div>
</div>
<div id="capaContactar" class="opcionMenu" onMouseOver="javascript: imagenMenuOver('contactar', 'img/fondoTextoMenuOver.jpg');" onMouseOut="javascript: imagenMenuOut('contactar', 'img/fondoTextoMenu.jpg');" onClick="javascript: imagenMenuClick('capaContactar', 'contactar', 'img/fondoTextoMenuOver.jpg');">
<img id="contactar" src="img/fondoTextoMenu.jpg" alt="Menu">
<div class="textoMenu"><font color="#fc7c05">C</font>ontactar</div>
</div>
<div id="capaQuienes" class="opcionMenu" onMouseOver="javascript: imagenMenuOver('quienes', 'img/fondoTextoMenuOver.jpg');" onMouseOut="javascript: imagenMenuOut('quienes', 'img/fondoTextoMenu.jpg');" onClick="javascript: imagenMenuClick('capaQuienes', 'quienes', 'img/fondoTextoMenuOver.jpg');">
<img id="quienes" src="img/fondoTextoMenu.jpg" alt="Menu">
<div class="textoMenu"><font color="#fc7c05">Q</font>uienes <font color="#fc7c05">S</font>omos</div>
</div>
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.

Lo que me pasa ahora es que no me hace nada en el evento, de echo, es como si me bloqueara el evento onmouseout, ya que si pongo un alert(), cuando pincho una vez y retiro el raton del boton, ya no salta el alert, es como si anulara el evento, nose.

Bueno, espero haberme explicado, sino me dan un toque xDD. Gracias.