Sujet Précédent Sujet Suivant

Fenétre popup en HTML/JS

Résolu/Fermé
underx
Messages postés
64
Date d'inscription
dimanche 14 décembre 2008
Statut
Membre
Dernière intervention
27 décembre 2009
 - 25 déc. 2009 à 19:07
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 - 28 déc. 2009 à 09:59
Bonjour,
voila je suis entrain de créer un site web ! je voulais faire ouvrir une fenétre popup au chargement du site et voici le code que je viens d'écrire: 
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
 function ouvrir_popup()
  {
   window.open('URL DE LA PAGE','MyPopupWindow','height=270,width=270,top=50,left=50,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');
  }

</SCRIPT>
</HEAD>

<BODY onLoad="ouvrir_popup()">
 blablabla
</BODY>

Sa a fonctionné trés bien, mais le problème c'est que je voudrais que cette fenétre popup se ferme toute seule dés son ouverture (je veux qu'elle apparait, comme je l'ai fais, et qu'elle se referme toute seule) !
Merci de m'aider

12 réponses

Réponse 1 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
25 déc. 2009 à 19:34
Bonjour Underx,

Tu peux ajouter à ta solution un timer qui se charge de fermer ta popup.
Par exemple :

function fermer_popup()
{
window.close('MyPopupWindow');
}

function ouvrir_popup()
{
window.open('URL DE LA PAGE','MyPopupWindow','height=270,width=270,top=50,left=50,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');

window.setTimeout(fermer_popup, 1000); // 1000 = 1 seconde
}

Je ne suis pas sûr de la syntaxe du window.close mais le principe fonctionne : je l'utilise dans mes solutions professionnelles.

J'espère vous avoir aidé.
0
Réponse 2 / 12
underx
Messages postés
64
Date d'inscription
dimanche 14 décembre 2008
Statut
Membre
Dernière intervention
27 décembre 2009
 18
25 déc. 2009 à 20:07
dsl mais ça ne fonctionne pas ! la fenétre reste ouverte !
0
Réponse 3 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
25 déc. 2009 à 20:50
As-tu essayé mon idée ainsi :

<SCRIPT language=javascript>
var Mypopup;

function fermer_popup()
{
Mypopup.close();
}

function ouvrir_popup()
{
Mypopup=window.open('URL DE LA PAGE','MyPopupWindow','height=270,width=270,top=50,left=50,r­esizable=no,menubar=no,status=no,scrollbars=no,menubar=no');­

window.setTimeout(fermer_popup, 1000); // 1000 = 1 seconde
}
</SCRIPT>
0
Réponse 4 / 12
underx
Messages postés
64
Date d'inscription
dimanche 14 décembre 2008
Statut
Membre
Dernière intervention
27 décembre 2009
 18
25 déc. 2009 à 22:39
je comprends vraiment pas pourquoi ça ne fonctionne pas ! La fenétre popup n'apparait méme pas !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
26 déc. 2009 à 00:18
Essaie d'augmenter le temps associé au timeout.
Une seconde est peut-être trop peu. Essaie avec un timeout de 30 secondes.
0
Réponse 6 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
26 déc. 2009 à 00:38
Je viens de faire un essai chez moi : aucun problème ni d'ouverture ni de fermeture automatique.
MAIS je suis sous IE.

J'ai tout de même essayé ce même code sur Firefox : j'ai l'impression que mon paramétrage empêche l'ouverture des popup. Peut-être as-tu le même problème ?
0
Réponse 7 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
26 déc. 2009 à 00:47
C'est OK : même sous Firefox.

Voici mon code : 

  <html>
    <head>
      <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252"></meta>
      <title>Redirection vers GAMMA</title>
      <html:base/>
      <script language="javascript" type="text/javascript">
         var Mypopup; 

        function fermer_popup() 
        { 
          Mypopup.close(); 
        } 

        function ouvrir_popup() 
        { 
          Mypopup=window.open('gamma.html',
                                             'Mypopup',
                                             'height=270,width=270,top=50,left=50,
                                             resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');

          window.setTimeout(fermer_popup, 30000); // 30000 = 30 secondes 
        } 
      </script>
    </head>

    <body onload="javascript:ouvrir_popup();" >


      <h1>Redirection en cours ...</h1>

      <h1>TEST</h1>

    </body>
  </html>
0
Réponse 8 / 12
underx
Messages postés
64
Date d'inscription
dimanche 14 décembre 2008
Statut
Membre
Dernière intervention
27 décembre 2009
 18
26 déc. 2009 à 01:26
voici le code que j'ai mis et sa ne fonctionne pas ni sur IE ni firefox: 
<!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">
  <html>
    <head>
      <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252"></meta>
      <title>Redirection vers GAMMA</title>
      <html:base/>
      <script language="javascript" type="text/javascript">
         var Mypopup; 

        function fermer_popup() 
        { 
          Mypopup.close(); 
        } 

        function ouvrir_popup() 
        { 
          Mypopup=window.open('http://s1.myradiostream.com/15284.htm',
                                             'Mypopup',
                                             'height=270,width=270,top=50,left=50,
                                             resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');

          window.setTimeout(fermer_popup, 30000); // 30000 = 30 secondes 
        } 
      </script>
    </head>

    <body onload="javascript:ouvrir_popup();" >


      <h1>Redirection en cours ...</h1>

      <h1>TEST</h1>

    </body>
  </html>
0
Réponse 9 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
26 déc. 2009 à 01:44
La ligne qui concerne l'ouverture de la popup, l'as-tu bien écrite sur une seule ligne ?

Car, pour faire marcher ton code, c'est le seul changement que j'ai fait (en l'état, rien ne marchait effectivement).
0
Réponse 10 / 12
underx
Messages postés
64
Date d'inscription
dimanche 14 décembre 2008
Statut
Membre
Dernière intervention
27 décembre 2009
 18
26 déc. 2009 à 11:58
ouiiii ça a fonctionné lorsque j'ai écris lecode de l'ouverture du popup en une seule ligne :)
merci BadGuitarist !
Mon probléme est résolus maintenant, je voudrais juste savoir s'il y a un truc ou quelque chose qui permettera a ce que la fenétre popup ne soit pas bloqué par le navigateur.
0
Réponse 11 / 12
underx
Messages postés
64
Date d'inscription
dimanche 14 décembre 2008
Statut
Membre
Dernière intervention
27 décembre 2009
 18
27 déc. 2009 à 22:37
personne pour m'aider !! svp !
0
Réponse 12 / 12
BadGuitarist
Messages postés
367
Date d'inscription
dimanche 12 octobre 2008
Statut
Membre
Dernière intervention
20 octobre 2013
 27
28 déc. 2009 à 09:59
Bonjour,

Pense à fermer ton message si tu estimes que le problème a été résolu.
E t si tu as d'autres questions, balance alors une nouvelle question dans un nouveau post : cela évite d'avoir des post à rallonges car composés de plusieurs interrogations.

En ce qui concerne la 2ième question (popup non modale), procédure à suivre :
Moteur de recherche et taper window.open javascript puis cliquer sur rechercher.

Je pense que tu auras de très précieuses réponses.

Si les sites réputés n'abondent pas dans ton sens, tu auras alors un choix à faire :
- abandon ton idéal OU
- changer de solution (au lieu d'ouvrir une popup, tu fais apparaître un DIV par exemple).
0