11548 sujets

JavaScript, DOM et API Web HTML5

Popup qui ne s'affiche pas !

Bonjour,

J'ai créé une page html "page_declenche_popup" vierge dans laquelle je place un script pour ouvrir une fenêtre popup, de type : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page_declenche_popup</title>
 <SCRIPT language=javascript>
    function OuvrirPopup('popup_bonheur.html','popup_bonheur','resizable=no', 'location=no', 'width=270', 'height=217', 'menubar=no', 'status=no', 'scrollbars=no', 'menubar=no')
 {
       window.open('popup_bonheur.html','popup_bonheur');
    }
  </SCRIPT>
</head>

<BODY onLoad="OuvrirPopup('popup_bonheur.html','popup_bonheur')">
</body>
</html>


Lorsque je lance ma page en local pour test rien ne se passe !
J'ai pourtant bien le fichier html "popup_bonheur" le popup en question dans le meme dossier que ma page html.
Quelqu'un a une idée ?

PS : j'ai internet explorer, et j'ai désactivé le blocage des popup....

Merci d'avance pour vos réponses 

function OuvrirPopup('popup_bonheur.html','popup_bonheur','resizable=no', 'location=no', 'width=270', 'height=217', 'menubar=no', 'status=no', 'scrollbars=no', 'menubar=no')

 {

       window.open('popup_bonheur.html','popup_bonheur');

    }


Ce serait pas plutôt quelque chose du genre :
function OuvrirPopup(popup_bonheurHTML, popup_bonheur)

 {

       window.open(popup_bonheurHTML, popup_bonheur, 'resizable=no, location=no, width=270, height=217, menubar=no, status=no, scrollbars=no, menubar=no');

    }

?
Non, tj pas, je m'arrache les cheveux depuis ce matin... un calvaire, si quelqu'un a une idée, voici le code modifié : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page_declenche_popup</title>
 <SCRIPT language=javascript>
    function OuvrirPopup(popup_bonheur.html,popup_bonheur)
 {
       window.open(popup_bonheur.html,popup_bonheur,'resizable=no, location=no, width=270, height=217, menubar=no, status=no, scrollbars=no, menubar=no');
    }
  </SCRIPT>
</head>

<BODY onLoad="OuvrirPopup(popup_bonheur.html,popup_bonheur)">


</body>
</html>

Merci à vous.
Modifié par edisaxe (03 Jun 2009 - 17:25)
Tu n'as pas bien pris en compte toutes mes modifications :

<SCRIPT language=javascript>

function OuvrirPopup(popup_bonheurHTML,popup_bonheur)
{

       window.open(popup_bonheurHTML,popup_bonheur,'resizable=no, location=no, width=270, height=217, menubar=no, status=no, scrollbars=no, menubar=no');

}

</SCRIPT>


Le soucis dans ton code, c'est surtout le popup_bonheur.html dans la déclaration de la fonction OuvrirPopup et dans l'appel de window.open. En général après un '.' Javascript attend une fonction (comme dans window.open).

Et j'avais oublié de mettre ceci :

<BODY onLoad='OuvrirPopup("popup_bonheur.html","popup_bonheur");'>


Edit : un petit lien pour la fonction window.open() (si c'est autorisé).
Modifié par SynRJ (04 Jun 2009 - 10:34)
Merci SynRJ pour les modifs, mais ca ne fonctionne toujours pas.... c'est un truc qui a l'air super simple à faire pourtant, mais là je bloque totalement..
Voici le nouveau code modifié : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page_declenche_popup</title>
 <SCRIPT language=javascript>
    function OuvrirPopup(popup_bonheur.html,popup_bonheur)
 {
       window.open(popup_bonheur.html,popup_bonheur,'resizable=no, location=no, width=270, height=217, menubar=no, status=no, scrollbars=no, menubar=no');
    }
  </SCRIPT>
</head>

<BODY onLoad='OuvrirPopup("popup_bonheur.html","popup_bonheur");'>


</body>
</html>
<SCRIPT language=javascript>

function OuvrirPopup([#red]popup_bonheur.html[/#],popup_bonheur)
{

window.open([#red]popup_bonheur.html[/#],popup_bonheur,'resizable=no, location=no, width=270, height=217, menubar=no, status=no, scrollbars=no, menubar=no');

}

</SCRIPT>


Je te laisse le soin de comparer avec le code que je t'ai mis (2 fois !) plus haut.
Alélouya, un grand merci à toi SynRJ !! ça marche !
Désolé, mais je pensais pas qu'il fallait mettre l'url sous cette forme :

"popup_bonheurHTML" au lieu de "popup_bonheur.html" comme indiqué dans la plupart des tutos.

Encore merci à toi.
Modifié par edisaxe (04 Jun 2009 - 11:03)
Tout dépend de comment est construit ton code.

window.open(popup_bonheurHTML, ...) ne marchera que si popup_bonheurHTML est une variable (dans ton cas un paramètre de la fonction) qui contient "popup_bonheur.html".

window.open("popup_bonheur.html", ...) marchera aussi, tant que le fichier existe et est bien placé. Par contre tu perds l'avantage du paramètre (qui permet de réutiliser ta fonction à un autre endroit).

Mais dans tous les cas, window.open(popup_bonheur.html, ...), sans les guillemets, ne marchera jamais. Smiley cligne
Sujet clos
Aller à