Foros del Web » Programando para Internet » Javascript »

centrar ventana

Estas en el tema de centrar ventana en el foro de Javascript en Foros del Web. ... tengo lo siguiente .. como le hago para que la ventana que abro se centre en la pantalla independiente de la resolucion que maneja ...
  #1 (permalink)  
Antiguo 24/04/2009, 12:54
Avatar de Superlinux  
Fecha de Ingreso: octubre-2005
Ubicación: Colombia
Mensajes: 662
Antigüedad: 19 años, 3 meses
Puntos: 1
Pregunta centrar ventana

... tengo lo siguiente .. como le hago para que la ventana que abro se centre en la pantalla independiente de la resolucion que maneja el monitor ??

Código PHP:
<script type="text/javascript">
function 
abrir_vent (id_map) {
    
//alert(id_map);
    
vent window.open('maps.cgi?id='+id_map,'vent','height=540,width=790,scrollbars=yes, resizable=yes'); 
    
vent.focus(); 
}
</script> 
__________________
"La vida sigue su curso, tú toma parte de ella."
  #2 (permalink)  
Antiguo 24/04/2009, 13:27
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 8 meses
Puntos: 1485
Respuesta: centrar ventana

en los parametros de modificacion tienes que incluir left y top con las medidas correspondientes. basicamente tienes que calcular la resolucion divido en 2 y restarlo por la dimension divido en 2. este algoritmo para ambas dimensiones:
Código:
left = screen.width / 2 - 790 / 2;
top = screen.height / 2 - 540 / 2;
  #3 (permalink)  
Antiguo 24/04/2009, 14:06
Avatar de Superlinux  
Fecha de Ingreso: octubre-2005
Ubicación: Colombia
Mensajes: 662
Antigüedad: 19 años, 3 meses
Puntos: 1
Respuesta: centrar ventana

nada que centra ...

Código PHP:
<script type="text/javascript">
function 
abrir_vent (id_map) {
    
    
//Centra dependiendo de la resolucion de la pantalla
    
left screen.width 790 2;
    
top screen.height 540 2;

    
//alert(id_map);
    
vent window.open('maps.cgi?id='+id_map,'vent','height=540,width=790,scrollbars=yes, resizable=yes, left=left, top=top'); 
    
vent.focus(); 
}
</script> 
__________________
"La vida sigue su curso, tú toma parte de ella."
  #4 (permalink)  
Antiguo 24/04/2009, 14:09
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 8 meses
Puntos: 1485
Respuesta: centrar ventana

Cita:
vent = window.open('maps.cgi?id='+id_map,'vent','height=5 40,width=790,scrollbars=yes, resizable=yes, left=left, top=top');
en la linea no estas pasando las variables top y left correctamente. deberia ser:
Código javavscript:
Ver original
  1. 'height=540,width=790,scrollbars=yes, resizable=yes, left= ' + left + ', top=' + top
  #5 (permalink)  
Antiguo 24/04/2009, 15:04
Avatar de Superlinux  
Fecha de Ingreso: octubre-2005
Ubicación: Colombia
Mensajes: 662
Antigüedad: 19 años, 3 meses
Puntos: 1
Respuesta: centrar ventana

Muchas gracias --- funciono muy bien ...
__________________
"La vida sigue su curso, tú toma parte de ella."
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 22:03.