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 à 09 h 25 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 à 19 h 54 par argi: Bonjour,

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

++
Commentaire publié le samedi 04 novembre 2006 à 14 h 32 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 à 17 h 14 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!

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.

15/03/2010 à 18 h 04 jQuery : Tableau et Regroupement (0 réponse)
08/03/2010 à 22 h 27 Comment je peux redéfinir la visibilité d’une champ par javascript (1 réponse)
02/03/2010 à 18 h 27 Modifier href après 1 click (6 réponses)
25/02/2010 à 20 h 24 [javascript] concaténer une chaine avec une variable (2 réponses)
25/02/2010 à 11 h 08 Visite de contrôle (7 réponses)

all html : Le portail des webmaster

Fenêtre volante (pop-up)

VOS COMMENTAIRES ...

Forums de discussions associés

Liens sponsorisés