Foros del Web » Creando para Internet » HTML »

ventana pop-up centrada

Estas en el tema de ventana pop-up centrada en el foro de HTML en Foros del Web. Hola, como puedo centrar una ventana pop-up para que aparezca en el centro de la pantalla. Tengo un enlace que cuando cliqueas aparece una ventana ...
  #1 (permalink)  
Antiguo 11/03/2002, 03:25
 
Fecha de Ingreso: agosto-2001
Mensajes: 198
Antigüedad: 23 años, 2 meses
Puntos: 1
ventana pop-up centrada

Hola, como puedo centrar una ventana pop-up para que aparezca en el centro de la pantalla.
Tengo un enlace que cuando cliqueas aparece una ventana pop-up pequeña pero aparece en la esquina superior izquierda y me gustaria que estubiera en el centro de la pagina.
Saludos
  #2 (permalink)  
Antiguo 11/03/2002, 04:50
Avatar de Helbira  
Fecha de Ingreso: octubre-2001
Ubicación: Sevilla, España
Mensajes: 1.228
Antigüedad: 23 años, 1 mes
Puntos: 5
Re: ventana pop-up centrada

Con los atributos top y left puedes indicar en que posición (x,y) quieres que aparezca la esquina superior izquierda de la ventana popup que abres:

Con top dices la distancia en pixels desde el borde superior y con left la distancia en pixeles desde el borde izquierdo.
  #3 (permalink)  
Antiguo 11/03/2002, 08:52
 
Fecha de Ingreso: agosto-2001
Mensajes: 198
Antigüedad: 23 años, 2 meses
Puntos: 1
Re: ventana pop-up centrada

puedes enseñarme un ejemplo escrito para que la ventana este centrada?
  #4 (permalink)  
Antiguo 11/03/2002, 09:56
 
Fecha de Ingreso: julio-2001
Ubicación: Internet
Mensajes: 1.690
Antigüedad: 23 años, 4 meses
Puntos: 1
Re: ventana pop-up centrada

Hola!,

Utilizamos Una Funcion Que Nos Abra La Ventana, a La Cual Le Pasamos Los Parametros Correspondientes A La Anchura Y Altura De La Ventana:

function AbrirVentana(ancho, alto)
{
var sHeight, sWidth;
sHeight = screen.height;
sWidth = screen.width;
var sLeft, sTop;
sLeft = (screen.width - ancho) / 2;
sTop = (screen.height - alto) / 2;

window.open("http://www.google.com/","NuevaVentana","height=&quot ; + alto + ", width=" + ancho + ", top=" + sTop + ", left=" + sLeft + ", status=no,toolbar=no,menubar=no,location=no, scrollbars=yes, resizable=yes");
}

Y Luego La Llamamos:

<A HREF="javascript:AbrirVentana(300, 300)">Abrir Ventana</A>

Y Listo, Avisame Si Te Sirvio.

<FONT COLOR=GRAY SIZE=2><I>"No Hay Cosas Imposibles, Solo Hombres Incapaces"</I></FONT><HR><CENTER><IMG SRC="http://isis.uniandes.edu.co/~jorg-ma1/m.gif"></CENTER>
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:18.