Fenêtres

Les fenêtres peuvent servir à afficher un texte à l'utilisateur mais en ne voulant pas qu'il quitte la page qu'il est en train de voir.

Vous pouvez ouvrir une fenêtre lorsque vouz appuyez sur un bouton ou sur un lien.
Si vous désirez d'utiliser un lien et de rester sur la page courante, vous devez créer un lien avec le tag HREF="javascript://" ou HREF="#". Cela sert à dire au browser que quand l'utilisateur clique sur le lien, le broswer doit rester sur la même page.

Comment cela fonctionne?

L'événement onClick déclenché lorsqu'on appuye sur le lien.

Ouverture de la fenêtre

On ouvre une fenêtre grâce à la commande window.open().
Voici le code pour ouvrir une fenêtre de base :

mafenetre = window.open("fichier.html","Nom_de_la_fenetre");

cliquez ici

Les paramètres de window.open()

Note : vous pouvez utiliser 1 | 0 ou yes | no dans les paramètres.

Fermer une fenêtre

On peut fermer une fenêtre de 2 façons :

  1. mafenetre.close() si vous avez ouvert plusieurs fenêtres ou si vous voulez la fermer à partir d'une autre fenêtre.

       

  2. window.close() pour fermer la fenêtre courante.

Exemples

mafenetre = window.open("fichier.html","Nom_de_la_fenetre","toolbar=no,location=yes");

Créez votre propre fenêtre :

Paramètres de la fenêtre
toolbar = yes no
location = yes no
directories = yes no
status = yes no
menubar = yes no
scrollbars = yes no
resizable = yes no
width =
height =


Voici le code de la fenêtre :

Créer une fenêtre et écrire dedans

Vous voulez créer une fenêtre sans l'associer à une page HTML afin de pouvoir changer le texte qui se trouve dedans? Rien de plus facile. On peut y mettre tout ce qu'on veut : images, sons, tableaux, ...

Le code

<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function fenDynamique() {
  var win = window.open('','exemple','resizable=yes');
  with (win.document) {
    writeln('<html>');
    writeln('<head>');
    writeln('<title>Exemple de fenêtre</title>');
    writeln('</head>');
    writeln('<body background=\"images/bg_gr.gif\">');
    writeln('<center><h2>Exemple de fenêtre</h2></center><hr>');
    writeln('<p>Cette fenêtre est entièrement créée à l\'exécution<br>');
    writeln('Elle peut servir à afficher les résultats d\'une forme par      exemple</p>');
    writeln('</body>');
    writeln('</html>');
  }
}
//-->
</script>
</head>
<body>
<form method=post>
<p><input type="button" value="Exemple" name="B1" onClick="fenDynamique()"</p>
</form>
</body>
</html>

On ouvre une fenêtre en l'associant à une variable (ici, win). Après, il suffit d'écrire dedans grâce à l'instruction win.document.writeln( 'votre texte').
L'instruction with (win.document) permet de ne pas toujours devoir taper win.document devant chaque writeln.

 

Faire pleuvoirRetour à la page JavaScriptUne fenetre qui grandit