ALL HTML - Fenêtre volante (pop-up)

retour

Fenêtre volante (pop-up)

Article publié le dimanche 13 mars 2005 par ALL HTML.
Cet article est classé dans les catégories « Javascript »

Compatiblité
I.Explorer : Oui
Netscape : Oui

Description et scripts
Ce script permet, à l'aide d'un bouton (fonction window.open et onclick), de faire apparaître une fenêtre volante, également appelée pop-up. Exemple ci-dessous si votre fichier se nomme dialogue.htm.


<script type="text/javascript">
<!--
  function aproposde()
  {
    window.open("dialogue.htm", "aproposde", "toolbar=no, location=no, directories=no, status=yes, scrollbars=yes, resizable=no, copyhistory=no, width=300, height=400, left=300, top=50");
  }
-->
</script>

Après avoir placé ce script entre les balises <head> et </head>, créer un lien pour appeler cette fenêtre.


<a href="#" OnClick="aproposde()">Cliquez ici</a>

A l'intérieur de cette fenêtre vous pouvez également créer un bouton de fermeture.


<form>
  <input type="button" value="Fermer !!" onclick="window.close()" />
</form>

Si vous le souhaitez, vous pouvez fermer cette fenêtre volante. Il suffit pour cela, d'ajouter dans la balise <body> de votre fenêtre ce script (ici 5000 = 5 sec).


<body onload='compt=setTimeout("self.close();",5000)'>

VOS COMMENTAIRES ...

Commenter cette publication

Commentaire publié le vendredi 07 juillet 2006 - 09h25 par SevenSad: Oui c'est cool. Mais ça marche pas sous le navigateur FireFox. Y a t-il quelque chose à faire ? Parce que moi, je tiens à mon firefox... :(
Commentaire publié le jeudi 02 novembre 2006 - 19h54 par argi: Bonjour,

Tu trouveras certainement de quoi faire ic: http://www.langue-fr.net

++
Commentaire publié le samedi 04 novembre 2006 - 14h32 par basamir: Si ça marche sur FF, je viens de tester ce script et ça marche superbement bien

Merci!
Commentaire publié le vendredi 02 mars 2007 - 17h14 par revedigital: Juste un petit problème! Cette technique fonctionne trés bien toute seule mais le problème c'est que dans ma balise body j'ai déja un onLoad :
<body bgcolor="#FFFFFF" onload="preloadImages();">

Et là ça ne fonctionne plus..., comment faire pour y mettre les deux fonctions ?
Merçi!
Commentaire publié le vendredi 03 décembre 2010 - 14h08 par Cellendryll: Bonjour à tous, et merci de me répondre.
j'arrive a ouvrir la fenêtre, tout marche bien, mais impossible de mettre quelques chose dedans.
quand je dis impossible, c'est que malgré mes essais, je n'y arrive pas
merci de m'aider

Cellendryll

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans notre forum Javascript - DHTML - VBScript.

07/02/2012 - 20h04 splash screen (2 réponses)
03/02/2012 - 14h31 code javascript (1 réponse)
24/01/2012 - 16h12 Fonction javascript cacher div appelée plusieurs fois dans une boucle php (8 réponses)
24/01/2012 - 14h07 Script opacité et validateur (5 réponses)
19/01/2012 - 15h16 jquery problème de double click sur boutons chargés par ajax (3 réponses)

all html : Le portail des webmaster

Fenêtre volante (pop-up)

VOS COMMENTAIRES ...

Forums de discussions associés