Abrir pop-up con jQuery

3 COMENTARIOS -  Publicado hace 13 meses -  Clasificado en: ,

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. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<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>
</head>
<body>
<p><a href="ventana.html" rel="pop-up">ABRIR POP UP</a></p>
</body>
</html>

Algunas entradas relacionadas:

También te puede interesar:

COMENTARIOS

Publicado hace 13 meses
Josep Viciana -   http://www.emm-gfx.net

Muy bueno, no se me había ocurrido.
Publicado hace 7 meses
Luca -  
Yo he encontrado un plugin muy util para crear popup y carga las paginas desde ajax
el proyecto esta puesto en google code y se tiene que bajar desde la web del autor
estos son los links:
http://www.dieroboter.com/jQPOOOP/
http://code.google.com/p/pluginjquery/
http://plugins.jquery.com/project/jQPOOOP
Publicado hace 4 meses
Pablo -  
Esta buena la solucion, pero no se abre modal.
Para hacer esto en vez de window.open usar window.showModalDialog
Gracias
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com