Foros del Web » Programando para Internet » Javascript »

Centrar div oculto

Estas en el tema de Centrar div oculto en el foro de Javascript en Foros del Web. Hola tengo un div oculto que quiero gastar para cuando pinche en un enlace de una tabla me muestre informacion en el. No se si ...
  #1 (permalink)  
Antiguo 06/09/2009, 06:00
 
Fecha de Ingreso: diciembre-2005
Mensajes: 92
Antigüedad: 18 años, 4 meses
Puntos: 0
Centrar div oculto

Hola tengo un div oculto que quiero gastar para cuando pinche en un enlace de una tabla me muestre informacion en el. No se si sera la mejor solucion pero es la que se me ha ocurrido.

El problema es que el div se crea cuando carga la pagina onload y se fija en la posicion de la pantalla , pero como la tabla que genero es grande tengo que bajar el escroll de la pantalla y entonces el div si lo hago visible con la informacion a mostrar no se ve, esta en la parte de arriba y debo de subir el scroll de la pantalla arriba para verlo.

Mi pregunta es como puedo hacer para cambiarlo de posicion y que se haga visible en la zona de la pantalla que se ve?

Habia pensado utilizar el evento de la posicion del raton pero es un jaleo adaptar todas mis funciones con el evento onclick por ejemplo, tengo otra opcion para hacer esto?.

Estoy gastando este codigo

Código:
  el css
#oculto {	background-color:#00ffff;
			position:absolute;
			display:none;
			width:350px;
			  height:auto;
			  /*left:400px;
			  top:100px;*/
			  font:Arial, Helvetica, sans-serif;
			  font-size:12px;
			  /*z-index:0;*/

y javascript; 

muestraDiv.style.display='block';
Sabeis como hacer lo que quiero?
  #2 (permalink)  
Antiguo 06/09/2009, 10:10
 
Fecha de Ingreso: marzo-2007
Mensajes: 69
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: Centrar div oculto

Hola, podrias dejarlo fijo en la pantalla, asi se vera en cualquier momento inclusive si utilizas el scroll:

#oculto { background-color:#00ffff;
position: fixed;
border:1px dotted #666;
display:none;
width:350px;
height:auto;
left:0px;
top:0px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
  #3 (permalink)  
Antiguo 06/09/2009, 10:18
 
Fecha de Ingreso: diciembre-2005
Mensajes: 92
Antigüedad: 18 años, 4 meses
Puntos: 0
Respuesta: Centrar div oculto

un monton GRACIAS !!!
Eso era lo que buscaba !!!
Que malo es no saber, me he pasado media mañana escribiendo funciones javascript y llegas tu y me lo arreglas con un a linea css.....

jeje

Gracias de nuevo
  #4 (permalink)  
Antiguo 06/09/2009, 10:28
 
Fecha de Ingreso: marzo-2007
Mensajes: 69
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: Centrar div oculto

No habia leido bien, si lo quieres centrado puedes usar este cambio:

#oculto { background-color:#00ffff;
position: fixed;
border:1px dotted #666;
display:none;
width:350px;
height:auto;
left:50%;
top:50%;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}
  #5 (permalink)  
Antiguo 06/09/2009, 10:48
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años
Puntos: 45
Respuesta: Centrar div oculto

Bueno, sólo el recordatorio de que fixed no funciona en iexplorer 6 (aún con muchísimos usuarios).

Bye
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 23:54.