dane

Algo que es muy utilizado y que, a pesar de haber toneladas de información y códigos en la red, se sigue preguntando y pidiendo es cómo hacer una ventana pop-up.

El método open()
El objeto window posee un método para abrir nuevas ventanas: el método open().
window.open();
Eso abrirá una nueva ventana vacía con Javascript (no cargará ningún documento en ella)
Si queremos que cargue algúndocumento dentro de la ventana nueva se lo indicamos pasándolo como parámetro y poniéndolo entre comillas dentro de los paréntesis:
window.open('pagina.html')
Eso abrirá una ventana nueva con el documento pagina.html cargada adentro.
El método open() acepta 3 parámetros. Se le puede pasar uno, dos, los tres o ninguno
window.open(documento, nombre de la ventana, atributos de la ventana)documento
URI del documento a ser cargado dentro de la nueva ventana.
Nombre de la ventana
identificador para la nueva ventana. Sirve para poder hacer referencia a la ventana después de haber sido abierta en caso necesario.
Atributos de la ventana:
una serie de pares nombre/valor que permite asignarle a la nueva ventana determinadas características, tales como tamaño, posición, barras a mostrar ….Algunos de los atributos disponibles para la mayoría de navegadores:
width
anchura de la ventana (en píxels).
valor
número entero positivo.
height
altura de la ventana (en píxels).
valor
número entero positivo.
top
posición de la ventana desde la parte superior (en píxels).
valor
número entero.
left
posición de la ventana desde la izquierda (en píxels).
valor
número entero.toolbar
determina si la barra de herramientas del navegador es o no mostrada.
IE7 ignora la instrucción de no mostrar esta barra con el fin de que los usuarios puedan saber en qué dirección se encuentran.
valor
booleano (yes/no).
status
determina si la barra de estado (status) es o no mostrada.
valor
booleano (yes/no)
location
indica si la barra de dirección es o no mostrada.
valor
booleano(yes/no)
directories
indica si la barra personal es o no mostrada.
valor
booleano (yes/no)
scrollbars
indica si la barra de scroll es o no mostrada.
valor
booleano (yes/no)
menubar
indica si la barra de menús es o no mostrada.
valor
booleano (yes/no)
Abriendo una ventana ante un evento determinado
Si queremos que una ventana sea abierta ante un evento determinado, como por ejemplo unclick de ratón del usuario en un botón, podemos definirlo directamente en el manejador del evento del propio botón.
onclick="window.open('nueva.html','nuevaVentana','width=300, height=400')"


Abriendo una ventana desde una función
Podemos crear una función que se encargue de abrir la ventana nueva y llamarla en el manejador del evento del botón.




Y dentro del botón hacemos lallamada a la función en el manejador del evento



Usando la función para abrir más de un documento
Si queremos usar la misma función para abrir la ventana más de una vez con distintos documentos cargados dentro de ella podemos agregarle una variable a la función que le pasaremos como argumento cuando la llamemos.

function ventanaNueva(documento){window.open(documento,'nuevaVentana','width=300, height=400');
}
Y al llamar a la función desde los distintos botones le pasamos el dato como parámetro.
Botón 1

Botón 2

Usando la función para abrir la ventana más de una vez con distintas dimensiones
Podemos usar la misma función para que, además, cada ventana que sea abierta desde distintos botones tenga dimensiones distintas. Le enviaremos los valores que queramos pasados comoargumentos a la función y haremos una concatenación para crear la cadena de atributos.

function ventanaNueva(documento,ancho,alto){
window.open(documento,'nuevaVentana','width=' + ancho + ', height=' + alto);
}
Y al llamar a la función desde los distintos botones le pasamos los datos de ancho y alto como parámetros.
Botón 1

Botón 2

Haciendo referencia a la ventana
Si por alguna...