Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/01/2006, 05:48
sergi_climent
 
Fecha de Ingreso: enero-2005
Ubicación: Barcelona
Mensajes: 1.473
Antigüedad: 19 años, 3 meses
Puntos: 10
Pregunta Como mostrar una capa en un lugar concreto

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>
__________________
"Cada hombre es el hijo de su propio trabajo"
Miguel de Cervantes Saavedra
"La experiencia es algo que no consigues hasta justo depués de necesitarla"
Laurence Olivier

Última edición por sergi_climent; 17/01/2006 a las 06:26