Se connecter avec
S'enregistrer | Connectez-vous

Créer un pop-up automatique

Dernière réponse : dans Programmation

Bonjour à tous,

Je souhaiterais créer sur la page d'accueil de mon site un pop-up qui s'ouvre automatiquement dès l'ouverture de ma page pour annoncer un évènement, comme sur le site suivant
http://www.grand-nancy.org/webv5/

Le problème est que je n'ai trouvé que la façon de créer des pop-ups qui s'ouvrent d'après un lien.

Quelqu'un pourrait-il m'aider s'il vous plait? Merci

Autres pages sur : creer pop automatique

Lassé par la pub ? Créez un compte
Expert Programmation

Et bien le plus simple alors, c'est de reprendre le code du site que tu as donné, et de l'adapter après pour toi :

Code HTML :
  1. <div id="pop">
  2. <div class="fermer"><a href="#"><img src="/webv5/fla/popup_fermer.gif" width="20" height="20" border="0"></a></div>
  3. <a href="/webv5/actualites/echotri.asp"><img src="/webv5/images_accueil/jvjv2007.jpg" alt="Pole aquatique accès piscines à 1 euro" border="0" height="529" /></a>
  4. </div>


Code Javascript :
  1. function pop()
  2. {
  3. var pop = document.getElementById('pop');
  4. if (pop) {pop.style.display = 'block';};
  5. if (pop) {pop.onclick = function() {this.style.display = 'none';};};
  6. }
  7.  
  8. window.onload = pop;


Si tu as besoin d'aide pour modifier, n'hésites pas

Concrètement : voici mon code, qui ne fonctionne pas. Et je ne trouve pas l'erreur :

<head>
<SCRIPT LANGUAGE="JavaScript">
function mapopup()
{
window.open('cr_mandat.html','Réunion de compte-rendu à Nancy','height=270,width=270,top=50,left=50,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');
}
</SCRIPT>
</head>

<body onLoad="('cr_mandat.html, 'Réunion de compte-rendu à Nancy', 'height=270,width=270,top=50,left=50,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no')">


</body>

Quelqu'un peut-il m'aider? Merci d'avance!
Expert Programmation

C'est normal ça.

Tu te créés une fonction mapopup() qui va te permettre de faire une popup, seulement, tu ne l'appelles pas dans ton onload, tu fais un autre truc.

Remplace ton onload par : onload="mapopup();" et ça sera bon !

Par contre, les popup de ce genre sont généralement bloqués...

Voici le code de ma page :


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Essai pop-up</title>
<SCRIPT language=javascript>
function OuvrirPopup()
{
window.open('cr_mandat.html','Réunion de compte rendu à Nancy','height=270,widht=270,top=50,left=50,resizable=yes,menubar=no,scrollbars=no,status=no');
}
</SCRIPT>
</head>

<body onload="OuvrirPopup();">


</body>
</html>
Expert Programmation

Et bien, avec le code que tu m'as fourni, ça fonctionne sous Firefox mais pas sous IE7.
Après un test, j'ai pu voir que si tu mets un titre sans espace, ça fonctionne sous IE7 !

Donc enlève les espaces dans le titre que tu donnes à la pop-up. Pour configurer le titre de la popup, tu auras juste besoin de mettre la balise <title></title> dans ta page cr_mandat.html
Lassé par la pub ? Créez un compte
Tom's guide dans le monde