web-dev-qa-db-fra.com

fonction jQuery pour ouvrir le lien dans une nouvelle fenêtre

J'essaie de trouver un plugin ou un script simple pour ouvrir un fichier dans une fenêtre contextuelle en cliquant sur un bouton. Cela fonctionnait auparavant, mais avec toutes les mises à jour de jQuery (même avec le fichier de migration), cela ne fonctionne plus.

J'ai trouvé cela, mais cela ouvre la fenêtre contextuelle et redirige également vers l'URL du fichier: 

$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});

Un moyen d'obtenir un simple popup? Il doit avoir des barres de défilement, de préférence redimensionnables. J'ai vu beaucoup d'articles pour les boîtes modales, mais cela ne répond pas à mes besoins. La boîte popup a son propre design et il y a plus de contenu qu'il ne conviendrait pour un modal.

Je veux aussi éviter d'ajouter des balises supplémentaires. Il est plus logique de simplement ajouter une classe, comme dans l'exemple ci-dessus.

javascriptjquerypopupwindow
9
jenhan

Essaye ça,

$('.popup').click(function(event) {
    event.preventDefault();
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
});

Vous devez inclure une référence jQuery pour travailler ceci, Voici le sampe fonctionnel http://jsfiddle.net/a7qJt/

26
Chamika Sandamal

Bouton clic événement uniquement.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $("#btnext").click(function () {                    
                    window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no");
                });
            });
</script>

2
Murali P
$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});
0
dfsdf

Essayez d'ajouter return false; dans votre rappel de clic comme ceci -

$(document).ready(function() {
  $('.popup').click(function(event) {
      window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
      return false;
  });
});
0
Mohammad Adil

http://www.jquerybyexample.net/2012/05/open-link-in-new-tab-or-new-popup.html

$(document).ready(function() {
$('A.BLAH').click(function() {
var NWin = window.open($(this).prop('href'), '', 'height=600,width=1000');
if (window.focus)
{
NWin.focus();
}
return false;
});
});
0
computerguy