Tengo un menu en una tabla simple. El problema llega cuando hay diferentes submenus. Los submenus los kiero mostrar en una capa q cuando se pase el puntero del raton x encima muestre la capa y cuando no este encima desaparezca... (tipico).
El problema q tengo q el al mostrar la capa me la muestra fuera del lugar q yo kiero.
aki posteo el codigo
Código HTML:
<script type='text/javascript'> var empezar = false var anclas = new Array ("ancla1","ancla2") var capas = new Array("e1","e2") var retardo var ocultar function muestra(capa){ xShow(capa); } function oculta(capa){ xHide(capa); } function posiciona (){ for (i=0;i<capas.length;i++){ posx= xOffsetLeft(anclas[i]) posy= xOffsetTop (anclas[i]) xMoveTo(capas[i],posx,posy+20) } } window.onload = function() { posiciona() empezar = true } window.onresize = function() { posiciona() } function muestra_coloca(capa){ if (empezar){ for (i=0;i<capas.length;i++){ if (capas[i] != capa) xHide(capas[i]) } clearTimeout(retardo) xShow(capa) } } function oculta_retarda(capa){ if (empezar){ ocultar =capa clearTimeout(retardo) retardo = setTimeout("xHide('" + ocultar + "')",1000) } } function muestra_retarda(ind){ if (empezar){ clearTimeout(retardo) } } </script> <div id=ancla1 ><a href="#" onMouseOver="muestra_coloca('e1')" onMouseOut="oculta_retarda('e1')">Sin Gluten</a></div> <div id="e1" class="recuadros"> <a href="productes/roler/especial/default.php?codifamilia=9&codi_fam_esp=1" target="main">La Longaniza Tradicional</a><br> <a href="productes/roler/especial/default.php?codifamilia=8&codi_fam_esp=1" target="main">La Longaniza Artesana</a><br> </div>
No ser si me explicado muy bien...
espero q me ayuden...
Gracias de antemano,
Saludos
</div>