Abrir popup con jQuery
Abrir ventanas en pop-up es una práctica desaconsejada y en la actualidad, con la irrupción de los métodos para abrir ventanas modales, en muchos casos no es necesario. Eso es la teoría. En la práctica hay veces que necesitamos abrir un pop-up. A continuación un método para abrir pop-ups con jQuery. Todo enlace que tenga rel=»pop-up» se abrirá en ventana emergente.
Lo primero que deberemos hacer es incluir la librería jQuery dentro de la cabecera <head>.
Seguidamente también en el <head> debemos incluir la función que se encargará de abrir el pop-up con algunas características:
<script language="javascript">
$( document ).ready( function() {
$("a[rel='pop-up']").click(function () {
var caracteristicas = "height=700,width=800,scrollTo,resizable=1,scrollbars=1,location=0";
nueva=window.open(this.href, 'Popup', caracteristicas);
return false;
});
});
</script>
Y finalmente, en el <body> deberemos tener un link del estilo:
<a href="ventana.html" rel="pop-up">Abrir popup con jquery</a>
Que se encargará de abrir en este caso la página «ventana.html» en un pop-up con dimensiones 700x800px.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
5 respuestas a “Abrir popup con jQuery”
Deja una respuesta
19 artículos que te podrían interesar
Ver más sobre
Muchas gracias , revise tantos y este fue el unico que funciono tal y cual lo necesitaba
Genial! Muchas gracias.
Entre varios que busqué y encontré este fué el que me sirvió mejor, muchas gracias por compartir José Aguilar!!
Jose Aguilar » Abrir popup con jQuery I was recommended this blog by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my difficulty. You’re amazing! Thanks! your article about Jose Aguilar » Abrir popup con jQueryBest Regards Cindy
Real superb visual appeal on this web site , I’d value it 10 10.