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
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Simplemente debemos modificar la ultima linea donde indicamos WWW.tutores.org con la url que queremos mostrar
CODIGO
# Codigo ofrecido por Tutores.org
- <SCRIPT>
- function getbrowserwidth()
- {
- if (navigator.userAgent.indexOf("MSIE") > 0)
- {
- return(document.body.clientWidth);
- }
- else
- {
- return window.outerWidth;
- }
- }
- function getbrowserheight()
- {
- if (navigator.userAgent.indexOf("MSIE") > 0)
- {
- return(document.body.clientHeight);
- }
- else
- {
- return(window.outerHeight);
- }
- }
- var popup = new Object()
- function centrar_popup(URL, width, height)
- {
- var X = getbrowserwidth() / 2
- var Y = getbrowserheight() / 2
- popup = window.open(URL, 'PopUp',
- 'scrollbars=yes ' +
- 'width=' + width + ' ' +
- 'height=' + height + ' ' +
- 'top=' + (window.screenTop + (Y - (height/2))) + ' ' +
- 'left=' + (window.screenLeft + (X - (width/2)))
- )
- popup.focus()
- }
- </SCRIPT>
- <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 -->
<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
Erik
30-07-2010 16:23:02
5
5
Corre de maravilla desde el mismo enlace que está dentro del codigo.
Y desde un boton flash como queda el codigo ?.
Y desde un boton flash como queda el codigo ?.
Comentario usuario
JuanChoJuanCho
1
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
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
jeanurojeanuro
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.
Solo que con firefox no abre Que hacer.?les invito a Tu Láser residual.
Comentario usuario
avilladaavillada
2
5
como hago para que no me aparezca la barra de direcion gracias
INSERTAR COMENTARIO