Abrir popup con javascript
Para abrir una ventana, se hace con el método ‘open()’ al que se le debe pasar primero la dirección de la página; después el nombre de la ventana; los atributos de la ventana y si el url será añadido o reemplazado al historial de la página.
La dirección de la ventana y el nombre no creo que necesiten mas explicación; sin embargo los atributos sí a continuación los explicamos:
| fullscreen: | Hace que la ventana se abra en toda la pantalla |
| toolbar: | Hace que la ventana se abra con o sin barra de herramientas |
| location: | Hace que la ventana se abra con o sin barra de direcciones |
| status: | Hace que la ventana se abra con o sin barra de estado |
| menubar: | Hace que la ventana se abra con o sin barra de menú |
| scrollbars: | Hace que la ventana presente o no las barras de desplazamiento |
| resizable: | Si la ventana puede cambiar de tamaño o no |
| width: | El ancho de la ventana |
| height: | El alto de la ventana |
| top: | La posición vertical de la ventana |
| left: | La posición horizontal de la ventana |
En el ejemplo que queremos ilustrar tenemos una función javascript que debemos incluir dentro del <head>.
<script type="text/javascript">
function popUp(URL) {
window.open(URL, 'Nombre de la ventana', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=300,height=200,left = 390,top = 50');
}
</script>
Y después en el <body> tener un link como el siguiente:
<a href="javascript:popUp('ventana.html')">Abrir popup</a>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
3 respuestas a “Abrir popup con javascript”
Deja una respuesta
19 artículos que te podrían interesar
Ver más sobre
Excelllents your blogs!!
Es para recibir los correo
I am not rattling fantastic with English but I come up this rattling leisurely to translate.