Contact 
 Rechercher 
 Accueil   Plongée   Labo   Nucléaire   Carnets   Musique   Bonheur   Cinéma   Eclipses 
  Intro • Créer son site web • HTML • [JavaScript] • Perl
Liens  
 JavaScript - Afficher une nouvelle fenêtre 

En cliquant sur le bouton ci-dessous, vous ferez apparaître une petite fenêtre. Si vous utilisez Internet Explorer 3, le bouton de fermeture n'apparaîtra pas (sans parler de la panique qui précède l'affichage de la fenêtre). Ce type de fenêtre est très intéressant par sa vitesse d'affichage.

On déclare dans l'en-tête de la page la fonction PetiteFenetre. C'est elle qui affichera la fenêtre à l'écran. Son exécution provoquera la création d'un objet msg qui n'est autre qu'une fenêtre de votre navigateur. Il est possible d'y inclure des propriétés telles que toolbar, directories, menubar, ou resizable. Celles-ci peuvent prendre les valeurs yes ou no. Elles sont à inclure dans le troisième argument de open (sur notre exemple, cet argument sert à déterminer les dimensions de la fenêtre). Voici pour commencer, la déclaration de la fonction PetiteFenetre :

<SCRIPT language="JavaScript"> <!-- function PetiteFenetre() { msg=open("","DisplayWindow","width=450,height=350"); msg.document.write("<P>Pour un affichage rapide, <BR>le texte de cettefenêtre " + "ne provient pas<BR>d'un autre document HTML.<BR>Il est " + "généré par du code JavaScript.<CENTER><BR><FORM>" + "<input type=button value='Fermer' onClick='window.close()'>" + "</form></CENTER><HR><P ALIGN=CENTER>Pour fermer la fenêtre " + "avec un bouton<BR>on choisit ici d'utiliser HTML. la fonction " + "<SPAN CLASS=Code>window.close()</SPAN><BR>est dans la déclaration du formulaire " + "intégrant le bouton&nbsp;:<P ALIGN=CENTER><SPAN CLASS=Code>Message.document" + ".write(&quot;&lt;FORM&gt;&nbsp;&lt;INPUT TYPE=&quot;BUTTON&quot;" + "<BR>VALUE='Fermer';&nbsp;onClick='window.close()'&gt;" + "&lt;/FORM&gt;&quot;)</P></SPAN>"); } // --> </SCRIPT>

Maintenant, le code HTML du bouton d'appel (ça devient d'un ennui...) de cette fonction :

<FORM> <INPUT TYPE=BUTTON VALUE="Cliquez ici !" onClick="PetiteFenetre()"> </FORM>

Dans les arguments de open de cet exemple, on a fixé la taille de la fenêtre en pixels en donnant une valeurs aux paramètres width (largeur) et height (hauteur). Il est possible également d'afficher d'autres éléments de votre navigateur. Les éléments suivant peuvent prendre les valeurs yes ou no :

toolbar=yes affiche la barre d'outils,
location=yes affiche le champ de l'URL courante,
directories=yes affiche la barre d'outils "directories",
status=yes affiche la barre d'état,
menubar=yes affiche les menus,
scrollbars=yes affiche les barres de défilement,
resizable=yes permet de redimensionner la fenêtre.

Tout ceci doit être saisi sous forme d'éléments séparés par une virgule dans une chaîne de caractères entre guillemets, comme sur ce exemple :

Message=open("","Toto","status=yes,location=yes,width=400");