Problema con onMouseOut y OnMouseOver Hola a todos,
Tengo un problema que me debana los sesos, y sobre todo porque es tan simple que deberia funcionar, pero no lo hace.
Resulta que quiero hacer un submenu, y creo un div dinamico cargado con la información q necesito. Pues bien cuando paso el raton por encima del link quiero que se muestre el submenu, y cuando salga del submenu kiero que se oculte, pues bien ahi el codigo:
NOTA: Los datos los he colocado asi para evitarme la llamada a la base de datos
var Delegaciones = new Array();
Delegaciones[1] = 'Crevillente';
Delegaciones[2] = 'Granada';
Delegaciones[3] = 'Castellon';
document.write("<div id='Desplegable' onMouseOut='OcultarSubmenu()'>");
document.write("<table width='100' border='0'>")
for(i=1;i<Delegaciones.length;i++)
{
document.write("<tr><td><a href='javascript:;' onclick='IralaPagina()'>"+Delegaciones[i]+"</a></td></tr>");
}
document.write("</table></div>");
var CapaLogo = document.getElementById('Logo')
var Altura = CapaLogo.offsetTop + CapaLogo.offsetHeight + 60
var Izq = CapaLogo.offsetLeft + 80;
var Des = document.getElementById('Desplegable')
Des.style.top = Altura + 'px';
Des.style.left = Izq + 'px';
function MostrarSubmenu(){
document.getElementById('Desplegable').style.displ ay = 'block';
}
function OcultarSubmenu(){
document.getElementById('Desplegable').style.displ ay = 'none';
}
La funcion mostrar desplegable se la coloco al link que quiero que salga debajo el submenu, de esta forma:
<a id="LinkDelegaciones" href="javascript:;" onmouseover="MostrarSubmenu()">Delegaciones</a>
Pues bien, macho, ocurre que cuando el raton entra en el div con el onMouseOut activado, también se ejecuta, como si el onMouseOut se transformara en onMouseOver, se ejecuta dos veces el muy .......
Bueno alguien tiene alguna idea, porque a mi me estalla la cabeza.
Muchas Gracias de antemano.
Un saludo
Sergio
