Fenêtres (script)

Il vous est possible d'ouvrir une fenêtre contenant un document HTML par cet autre assistant que WebExpert 5 met à votre disposition.

Pour lancer l'assistant, cliquez sur le bouton de l'onglet Javascript...

1. Étapes de réalisation avec l'assistant

2. Script inséré

3. Explication des éléments du script

C'est la méthode [window.open()] associée à l'Objet window qui est employée, comme décrit pour le javascript "Bulle explicative".

Voici les explications des paramètres employés :

Signification des paramètres de la méthode open() associée à l'objet window		Paramètres choisis dans le script
toolbar=1	Affiche dans la fenêtre la barre d'outils du navigateur employé (Arrêter - Actualiser...)	toolbar=0
location=1	Affiche la fenêtre "location" du navigateur (adresse URL)	location=0
directories=1	Affiche la barre des liens du navigateurs (dossier des liens)	directories=0
menuBar=1	Affiche la barre des menus du navigateur (Fichier, Édition...)	menuBar=0
scrollbars=1	Affiche des barres de défilement (verticale et/ou horizontale)	scrollbars=1
resizable=1	Permet de redimensionner la fenêtre	resizable=1
width =400	Détermine la largeur de la fenêtre (ici 400 pixels)	width =400
height =100	Détermine la hauteur de la fenêtre (ici 100 pixels)	height =350

En fonction du document que vous affichez dans la fenêtre, il peut être utile d'activer plus de paramètres qu'il est pratiqué dans cet exemple (toolbar, menuBar...)

Par différence au javascript "Bulle explicative", dans ce script, c'est bien un document HTML qui est inséré (page "notionsgen.html" de TutorJS) et des paramètres différents ( ajout de menuBar et soustraction de "copyhistory" notamment. Que ce soit ici des chiffres (0 ou 1) à la place de (yes ou no) comme dans le script de la section "Bulle explicative", ne change rien.

4.Modifications des paramètres

Si après vérification, vous estimez que certains paramètres devraient être activés et/ou désactivés, vous pouvez changer le chiffre "0" par "1" ou inversement.

Pour changer le document HTML qui doit être affiché dans la fenêtre, vous remplacez celui qui ne vous intéresse plus par le nom du nouveau doucment (y compris ".html").

5.Variantes

Vous pouvez placer l'appel de la fonction sur un bouton par exemple et ainsi, éviter que la fenêtre ne s'ouvre lorsque le document est chargé (ne pas laisser le script dans l'en-tête du document bien sûr), mais dans ce cas, à l'inverse du choix fait pour le script (c'est indifférent pour la syntaxe à l'intérieur du code du script), il faut changer les guillemets ( " ) par des apostrophes ( ' ) !

Code :

<input STYLE="color:green;font-size:25px" type="button" Value="Ouvrir la fenêtre" onclick=" window.open('notionsgen.html','NOTIONS_GENERALES','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,resizable=1,width=400,height=350')">
</form>

Si un bouton classique vous déplaît, vous choisissez un autre élément HTML, et gardez ou non le même événement (changer onClick par onMouseOver par exemple...).

On m'a souvent demandé une autre variante, qui consiste à placer ce lien (ouvrant une fenêtre) sur une partie de texte (lien) habituel ! Par exemple, sur "voir la fenêtre" dans le paragraphe suivant :

Si vous désirez voir la fenêtre...

Pour effectuer ce lien particulier, par un couper-coller, déplacez toute la partie de code (événement onclick) généré par l'assistant (en changeant éventuellement certains paramètres, comme dans cet exemple ou la hauteur de la fenêtre est de 250 pixels, le nom du document "fen.html" et le nom de la fenêtre "exemple") et qui se trouve placé originellement dans le script et ajoutez-le au code HTML d'un lien normal (pour cet exemple, comme décrit ci-dessus, j'ai choisi un lien qui appelle une fenêtre (exemple) contenant la page "fen.html") :

Code d'un lien habituel : <A HREF="autrepage.html" TITLE="Pour visionner le document...">lien habituel</A>
Code de l'événement "onclick" généré par l'assistant :
onclick=" window.open('flash.html','NOTIONS_GENERALES',
'toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,resizable=1,width=400,height=350')"
TITLE="Pour visionner le document..."
Code du lien (avec changement de certains paramètres) :

Pour <A HREF="javascript://" onclick=" window.open('fen.html','exemple',
'toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,resizable=1,width=400,height=250')"
TITLE="Pour visionner le document...">voir la fenêtre</A>

Enfin, vous pouvez également placer un bouton dans le document qui est appelé par la fenêtre et dont l'action est de fermer cette fenêtre (à ne placer que si ce document n'est destiné qu'à être appelé dans cette fenêtre).

En voici le code, employant "window.close()" et des attributs de style pour faire apparaître le curseur d'un lien (STYLE="cursor:hand") ainsi qu'une petite bulle explicative (title="Pour fermer cette fenêtre...") :

<FORM title="Pour fermer cette fenêtre...">
<INPUT STYLE="cursor:hand" TYPE="button" VALUE="Fermer la fenêtre..." onClick="window.close();">
</FORM>

Cliquez sur le bouton du script pour visionner son explication...