La méthode précédente est bien gentille mais elle est longue lorsqu’il y a beaucoup de définitions. Pour accélérer la procédure on peut définir une fonction personnalisée qui permet d’ouvrir la fenêtre « popup »
Qu’est-ce qu’une fonction ?
C’est une suite d’instructions javascript définie entre les balises <head> et </head> que l’on appelle par son nom suivie entre parenthèse d’une liste d’arguments éventuels :
Notation : nomfonction(arg1,arg2,…)
Examinons le code d’ouverture des deux définitions :
onclick="=window.open('definition/micropro.htm','définition_de_termes','toolbar=no,status=no,resizable=no,menubar=no,scrollbars=no,width=300,height=300');">
onclick="=window.open('definition/ram.htm','définition_de_termes','toolbar=no,status=no,resizable=no,menubar=no,scrollbars=no,width=300,height=300');">
Les deux lignes sont
identiques exceptée l’adresse de la fenêtre 'definition/micropro.htm' et 'definition/ram.htm'
On va donc créer la fonction Ouvrefenetre(nomfenetre) qui remplacera ‘Window.open……..height=300’
Il suffira alors, pour ouvrir la fenêtre de définition de la RAM de saisir :Onclick=Ouvrefenetre(« definition/ram »)
Plus cool non ?
Alors au travail :
1) Ouvrez la page essai.htm et affichez le code html
2)
Entre
la balise <head> et sur </head> insérez
les lignes de codes suivantes (juste après la balise </title> par
exemple :
<script
language="Javascript">
function
Ouvrefenetre(nomfenetre){
window.open(nomfenetre,'définition_de_termes','toolbar=no,status=no,resizable=no,menubar=no,scrollbars=no,width=300,height=300');
}
</script>
3) Appel de la fonction
Exemple avec la définition du microprocesseur :
<p><a
href="essai.htm"
onclick="Ouvrefenetre('definition/micropro.htm');">Microprocesseur</a>
Après Onclick= on appelle la fonction par son nom (ouvrefenetre) et on indique l’adresse de la page que l’on veut ouvrir en argument (‘definition/micropro.htm’)
Créez une nouvelle fenêtre de définition pour les mots suivants : « MO », « GO », « Moniteur »
Et utilisez la fonction personnalisée dans la page essai.htm.
POUR ALLER ENCORE PLUS
LOIN
Si plusieurs pages font appel au même script, il suffit de créer un fichier dont l’extension est .js (réalisé à partir du bloc-note) et comprenant le code script (sans les balises <SCRIPT…> et </SCRIPT>
Exemple
Fichier def.js :
function
Ouvrefenetre(nomfenetre){
window.open(nomfenetre,'définition_de_termes','toolbar=no,status=no,resizable=no,menubar=no,scrollbars=no,width=300,height=300');
}
Dans les pages qui font appel aux script, il suffit d’ajouter (après la balise <BODY>) le code suivant :
<SCRIPT LANGUAGE=«JavaScript » src=«def.js»></SCRIPT>
Cet exercice au format Word (100 KO)
Les fichiers élèves zippés
