Foros del Web » Programando para Internet » Javascript »

Centrar Pop-Up en Pantalla

Estas en el tema de Centrar Pop-Up en Pantalla en el foro de Javascript en Foros del Web. Me gustaria saber que es lo que debo agregar al siguiente codigo para poder centrar el pop-up en pantalla y que no me salga arriba ...
  #1 (permalink)  
Antiguo 16/06/2009, 04:15
 
Fecha de Ingreso: agosto-2007
Mensajes: 248
Antigüedad: 16 años, 8 meses
Puntos: 1
De acuerdo Centrar Pop-Up en Pantalla

Me gustaria saber que es lo que debo agregar al siguiente codigo para poder centrar el pop-up en pantalla y que no me salga arriba a la izquierda, que supongo que es por defecto.

Código PHP:
  <a href="imagenes/productos/<?php echo $result_row[3]; ?>" target="popup" hreflang="es" title="Imagen del Producto" onclick="javascript:window.open('','popup','resizable=1, width=350 ,height=350');">
       
       <img src="imagenes/lupa1.gif" align="middle" width="25" height="25" alt="<?php echo $result_row[1]; ?>" border="0">
       
     </a>
GRACIAS ¡¡¡¡
  #2 (permalink)  
Antiguo 16/06/2009, 05:09
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Centrar Pop-Up en Pantalla

Hola

Un ejemplo

Código javascript:
Ver original
  1. var ancho = ((screen.width) / 2) - 150;
  2. var alto = ((screen.height) / 2) - 50;
  3.  
  4. window.open('/tiemporeal/' + ip + '/' + port + '/'+ mensaje +'/conectividad','','top='+alto+',left='+ancho+',titlebars=0, toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=300,height=100');
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 17/06/2009, 01:35
 
Fecha de Ingreso: agosto-2007
Mensajes: 248
Antigüedad: 16 años, 8 meses
Puntos: 1
De acuerdo Respuesta: Centrar Pop-Up en Pantalla

Gracias ¡¡¡¡

Código:
     <a href="imagenes/productos/<?php echo $result_row[3]; ?>" target="popup" hreflang="es" title="Imagen del Producto" onclick="javascript:window.open('','popup','resizable=yes, top=300 ,width=350 ,height=300, left=350, menubar=no, scrollbars=no, status=no, titlebar=no, toolbar=no,directories=yes');">
       
       <img src="imagenes/lupa1.gif" align="middle" width="25" height="25" alt="<?php echo $result_row[1]; ?>" border="0">
       
     </a>
  #4 (permalink)  
Antiguo 17/06/2009, 05:20
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Centrar Pop-Up en Pantalla

Hola

Tal y como lo estás haciendo, no estas teniendo en cuenta la resolución de la pantalla. Así que puede, de hecho así será, en algunas de las resoluciones no quede centrada

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 19/06/2009, 00:38
 
Fecha de Ingreso: agosto-2007
Mensajes: 248
Antigüedad: 16 años, 8 meses
Puntos: 1
De acuerdo Respuesta: Centrar Pop-Up en Pantalla

¿Cómo puedo hacer para que en mi pop-up me quede centrado sin utilizar variales, sino ponerlo directamente aqui?. Gracias ¡¡¡

Podría valer así? Pero a mi no me queda centrado...

<a href="imagenes/productos/<?php echo $result_row[3]; ?>" target="popup" hreflang="es" title="Imagen del Producto" onclick="javascript:window.open('','popup','resiza ble=yes, top=((screen.height)/2)-150,width=300 ,height=300, left=((screen.width)/2)-150, menubar=no, scrollbars=no, status=no, titlebar=no, toolbar=no,directories=no');">

<img src="imagenes/lupa1.gif" align="middle" width="25" height="25" alt="<?php echo $result_row[1]; ?>" border="0">

</a>

Última edición por superdober; 19/06/2009 a las 00:47
  #6 (permalink)  
Antiguo 19/06/2009, 06:25
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Centrar Pop-Up en Pantalla

Hola

Prueba así

Código html:
Ver original
  1. <a href="#na" target="popup" hreflang="es" title="Imagen del Producto" onclick="javascript:window.open('','popup','resizable=yes, top='+parseInt(((screen.height) / 2) - 150)+', width=300 ,height=300, left='+parseInt(((screen.width) / 2) - 150)+', menubar=no, scrollbars=no, status=no, titlebar=no, toolbar=no,directories=no');">

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
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 19:30.