Abrir ventana emergente pop-up centrada

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código:

<script language="JavaScript">
//<![CDATA[
function AbrirCentrado(Url,NombreVentana,width,height,extras,scrollbars) {
var largo = width;
var altura = height;
var adicionales= extras;
var top = (screen.height-altura)/2;
var izquierda = (screen.width-largo)/2; nuevaVentana=window.open(''+ Url + '',''+ NombreVentana + '','width=' + largo + ',height=' + altura + ',top=' + top + ',left=' + izquierda + ',features=' + adicionales + '' + ',scrollbars=1');
nuevaVentana.focus();
}
//]]>
</script>

Y el link para abrir la ventana:

<a href="javascript: void(0);" onclick=" javascript:AbrirCentrado('http://loseasi.blogspot.com/2010/06/ventana-emergente-pop-up.html','NombreVentana','510','280','scrollbars=1');">Abrir ventana centrada</a>

Ejemplo abrir ventana centrada:

4 comentarios:

  1. men no entiendo dime como es donde esta altura le pongo el numero de px y eso srcollbars tampoco lo relleno o nada

    ResponderEliminar
  2. has la prueba y te das cuenta, ancho es 510, alto es 280 y scrollbars son las barras del costado y abajo.
    tu cambia por el tamaño que quieras.

    ResponderEliminar
  3. Bueno espero que puedas ayudarme, quiero hacer igualito a tu "Escape HTML" pero en que lugar pongo el codigo para abrir la ventana.

    ResponderEliminar
  4. Yo lo coloque arriba del iframe del editor

    <iframe allowtransparency='true' class='blogger-iframe-colorize'

    ResponderEliminar

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.

Nota: solo los miembros de este blog pueden publicar comentarios.