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.
Creo que la mejor forma de no ahogarse en un vaso de agua tratando de adaptar algún script que encontremos por ahí y que no se ajuste exactamente a lo que queremos es aprender a hacerlo desde cero conociendo los conceptos elementales.
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ún documento 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)
URI del documento a ser cargado dentro de la nueva ventana.
identificador para la nueva ventana. Sirve para poder hacer referencia a la ventana después de haber sido abierta en caso necesario.
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:
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.
Si queremos que una ventana sea abierta ante un evento determinado, como por ejemplo un click 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')"
<input type="button" value="Abrir ventana"
onclick="window.open('nueva.html','nuevaVentana','width=300,
height=400')" />
Podemos crear una función que se encargue de abrir la ventana nueva y llamarla en el manejador del evento del botón.
<script type="text/javascript">
<!--
function ventanaNueva(){
window.open('nueva.html','nuevaVentana','width=300, height=400')
}
//-->
</script>
Y dentro del botón hacemos la llamada a la función en el manejador del evento
<input type="button" value="Abrir ventana"
onclick=" ventanaNueva()" />
Siguiente capítulo -> Cómo crear una ventana pop-up (parte II)