SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Pagina popup o ventana centrada segun navegador

Códigos Javascript

El el siguiente ejemplo mostramos como abrir una pagina popup o ventana emergente centrada segun la resolucion del navegador
Visitas: 34,566 - 30/09/2005 1:22:23
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Simplemente debemos modificar la ultima linea donde indicamos WWW.tutores.org con la url que queremos mostrar
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <SCRIPT>
  2. function getbrowserwidth()
  3.  {
  4.         if (navigator.userAgent.indexOf("MSIE") > 0)
  5. {
  6.                 return(document.body.clientWidth);
  7.             }
  8.         else
  9.  {
  10.                     return window.outerWidth;
  11.                 }
  12.         }
  13.         function getbrowserheight()
  14.  {
  15.                 if (navigator.userAgent.indexOf("MSIE") > 0)
  16. {
  17.                         return(document.body.clientHeight);
  18.                     }
  19.                 else
  20. {
  21.                             return(window.outerHeight);
  22.                         }
  23.                 }
  24.                 var popup = new Object()
  25.                 function centrar_popup(URL, width, height)
  26.  {
  27.                         var X = getbrowserwidth() / 2
  28.                         var Y = getbrowserheight() / 2
  29. popup = window.open(URL, 'PopUp',
  30.                             'scrollbars=yes ' +
  31.                             'width=' + width + ' ' +
  32.                             'height=' + height + ' ' +
  33.                             'top=' + (window.screenTop + (Y - (height/2))) + ' ' +
  34.                             'left=' + (window.screenLeft + (X - (width/2)))
  35.                             )
  36. popup.focus()
  37.                 }
  38.                 </SCRIPT>
  39.                 <A href="" onclick="centrar_popup('http://www.tutores.org/', 640, 480);return(false);">Ventana PopUp</A>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Pagina popup o ventana centrada segun navegador" href="http://www.tutores.org/codigo/1533/" target="_blank">Pagina popup o ventana centrada segun navegador</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
30-07-2010 16:23:02
2 5
Corre de maravilla desde el mismo enlace que está dentro del codigo.
Y desde un boton flash como queda el codigo ?.
Comentario usuario
JuanCho
5 5
Hola,
soy relativamente nuevo en JavaScript..

Cuando quiero usas este codigo en una pagina.
Si uso IE (hasta la version 6) funciona..
pero con le Mozilla FireFox (5.0) no.
No puedo hacer q aparescan los scrollbars y el tamaño depende de la ventana que se cerro anteriormente..

lo que busco hacer es:
Abrir una nueva ventana, con los scrollbars (con el vertical me alcanza) centrada y con un tamaño predefinido..

Gracias
Comentario usuario
jeanuro
1 5
Buén día, excelente página para los no conocedores en esta área.
Solo que con firefox no abre Que hacer.?les invito a Tu Láser residual.
Comentario usuario
avillada
3 5
como hago para que no me aparezca la barra de direcion gracias
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.