La fenêtre Popup en Javascript

En Javascript, je veux ouvrir mon window.html fichier dans une fenêtre popup. Mais il n'a pas d'afficher n'importe quel texte. Juste une page blanche.

C'est index.html:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css" />

  <script language="javascript">
    var newwindow;

    function popit(url){
      newwindow = window.open(
          url, '', "status=yes, height=500; width=500; resizeable=0");
  }
  </script>
</head>
<body>
  <a href="javascript:popit(window.html);">CLICK ME!</a>
</body>
</html>

window.html:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p>SAMPLE TEXT</p>
</body>
</html>

Pourquoi ne pas afficher n'importe quel texte?

  • Beaucoup de navigateur de bloquer les pop-ups...
InformationsquelleAutor Boy Karton | 2013-04-28
  1. 2
    javascript:popit(window.html);

    Remplacer par:

    javascript:popit('window.html');
    • Oh stupide moi. Merci beaucoup!
    InformationsquelleAutor BestDeveloper
  2. 0

    Votre cliquez sur gestionnaire de code est syntaxiquement incorrect:

    <a href="#" onclick="popit('window.html');">CLICK ME!</a>

    Ayez toujours des développeurs de la console ouverte à vérifier pour les erreurs de JavaScript! (modifier — en fait, dans ce cas, il n'aurait pas été une erreur; window.html permettrait de résoudre à undefined probablement! Toujours, garder la console ouverte 🙂

    Aussi noter que j'ai utilisé un "onclick" attribut au lieu de "href".

    InformationsquelleAutor Pointy
  3. 0

    Un BON code de travail SANS accidents.

    Simple et ce qui rend ce code mieux est que vous pouvez l'utiliser dans un fichier JavaScript séparément et avoir carénage à plus d'un fichier avec la même taille de fenêtre contextuelle même si ses différentes pages sur les popups.

    Javascript

    //Popup window code
function MyPopUp(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=454,width=580,left=0,top=200,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}

    HTML

    <a href="JavaScript:MyPopUp('MyDirectory/Page.html');" title="My PopUp For You">My PopUp</a>

    REMARQUE: Vous pouvez également l'utiliser comme onload dans le body par exemple <body onload="JavaScript:MyPopUp('MyDirectory/Page.html');"> et il va aussi travailler sur onmouseover et les autres... même si je ne conseille pas si vous voulez faire chier les clients à visiter votre page.

    InformationsquelleAutor SeekLoad