Hola,
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>
La capa e1 es la q aparece al pasar el raton por encima del link del menu y esta es la q quiero posicionar en un sitio concreto pero siempre me sale arriba a la izquierda. no ser porque... He probado varias cosas... y lo unico q me la posiciona correctamente es poner el el div style:position:relative, xo entonces me reserva ese sitio y me desplaza todo el menu....
No ser si me explicado muy bien...
espero q me ayuden...
Gracias de antemano,
Saludos
</div>