Foros del Web » Creando para Internet » CSS »

Capa relativa a posición vertical en la página

Estas en el tema de Capa relativa a posición vertical en la página en el foro de CSS en Foros del Web. Hola, Tengo una tabla generada a partir de los resultados de una consulta a base de datos. Hago un do {} while; para repetir las ...
  #1 (permalink)  
Antiguo 23/11/2009, 10:58
 
Fecha de Ingreso: julio-2003
Mensajes: 65
Antigüedad: 14 años, 4 meses
Puntos: 0
Capa relativa a posición vertical en la página

Hola,

Tengo una tabla generada a partir de los resultados de una consulta a base de datos. Hago un do {} while; para repetir las filas de la tabla mientras haya registroS en la tabla.

Al pulsar sobre uno de los campos de la tabla quiero sacar una ventana con el detalle del registro.

Hasta ahora lo tengo hecho con una capa que se presenta encima de la tabla.

La mayoría de las veces la tabla que se genera ocupa más del alto de la pantalla con lo que hay que desplazarse con el scroll para ver todos los resultados.

El problema llega cuando, por ejemplo, me desplazo hasta el último registro y trato de ver los detalles, la capa se hace visible pero la pagina se desplaza a la parte superior porque la posición absoluta de la capa asi lo indica.

Me gustaría saber si es posible que la posición de la capa sea relativa a la fila de la tabla en la que me encuentre.

He tratado de colocar la capa dentro de la fila pero se desconfigura todo porque la fila se hace del ancho y alto de la capa...

Espero me puedan ayuda...

GRACIAS DE ANTEMANO.
  #2 (permalink)  
Antiguo 29/11/2009, 05:30
 
Fecha de Ingreso: julio-2003
Mensajes: 65
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Capa relativa a posición vertical en la página

Hola!

He encontrado algo dentro del foro relativo a este tema, que se acerca bastante a lo que me gustaría conseguir. Con la siguiente función de javascript la capa se muestra en la posición donde está el ratón, y si hago que se ejecute en el 'onclick' de uno de los registros de mi tabla aparece a la altura del registro:

Código:
// Función encargada de desplazar la capa por el documento
function desplazar_capa(evt)
{
	// Capturamos el Evento
	var e = (window.event) ? window.event : evt;
	
	// Instanciamos los dos objetos
	var capa = document.getElementById("Layer1");
	
	// Determinamos las coordenadas del raton.
	X = e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
	Y = e.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	
	
	// Movemos la capa a las coordenadas del raton
	//capa.style.left = X + 10;
	capa.style.top = Y - 5;
	
}
El problema está en que como en el estilo css de la capa le indico una posición absouta el scroll se desplaza a esa posición aunque la capa se encuentre en la posición donde hice el 'onclick'.

Existiría algún modo de que en el estilo de la capa, en el valor del 'top:???px' cogiera el valor de la posición del ratón??? O alguna otra solución al problema?

Gracias
  #3 (permalink)  
Antiguo 30/11/2009, 14:42
Avatar de xxrandyxx  
Fecha de Ingreso: abril-2008
Ubicación: En mi casa
Mensajes: 143
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: Capa relativa a posición vertical en la página

Me parece o te equivocaste de seccion, esta no es de php si no de css mmmm o yo me equivoco
__________________
Todos somos muchos, muchos somos pocos, pocos somos los que sabemos y no sabemos lo que no conocemos...

PericoteSucio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:43.