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

A voir également:

Fenétre popup en HTML/JS
Editeur html - Télécharger - HTML
Raccourci agrandir fenetre - Guide
Html download - Télécharger - HTML
Fenetre privée - Guide
Image cliquable html ✓ - Forum Réseaux sociaux

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é.

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 !

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,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');

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

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 !

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.

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 ?

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>

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>

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).

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.

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 !

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).

Discussions similaires

Espace en HTML

Javascript Arrondi à 2 chiffres après la virgule

code couleur associé a une image

&nbsp ; Quelle Fonction ?

la balise <br> ou <br />

Discussions similaires

Newsletters