Introduction - Les gestionnaires d'événements - Les chaînes de caractères
Les fonctions (1) - Les fonctions (2) - Les fonctions (3) - Des exemples
Des exemples
Voici quelques exemples très simples d'utilisations de JavaScript qui
peuvent améliorer une page HTML.
Faire apparaître un message dans la barre d'état du navigateur
en passant au-dessus d'un lien ou d'une zone d'une image :
<A HREF="java-5.html" onMouseover="window.status='Ce message est dans la
barre d\'etat'; return true" onMouseout="window.status=''; return true">Lien</a>
donnera :
Lien
Pour une image réactive, il suffit d'insérer ces gestionnaires
d'événements dans le tag <AREA>.
Pour faire apparaître un message permanent dans la barre d'état, écrire
<BODY onLoad="defaultStatus='Votre message'" ...>.
Les méthodes navigator.appName et navigator.appVersion permettent
respectivement de connaître le nom du navigateur utilisé
et sa version.
<SCRIPT>
document.write("Vous utilisez " + navigator.appName + ", version " + navigator.appVersion + ". <BR>")
</SCRIPT>
donnera comme sur ce que vous voyez sur votre écran :
Ce procédé peut se révéler utile, pour différencier
les fonctions ou les pages, de façon à les optimiser pour
tous les navigateurs à la fois.
La méthode document.lastModified permet d'afficher la date du
dernier changement de la page courante, ce qui peut être utile
en cas de mises à jour fréquentes pour indiquer
automatiquement de quand date la dernière.
<SCRIPT>
document.write("Derniere modification : " +document.lastModified)
</SCRIPT>
affichera
Vous pouvez créer un menu de sélection qui détermine
l'affichage d'une autre page :
<SCRIPT>
<!--
function aller()
{location = document.exemple.choix.options[document.exemple.choix.selectedIndex].value
}
-->
</SCRIPT>
<form name="exemple"><select name="choix" size=3 onChange="aller()">
<option value="java-1.html">Introduction
<option value="java-2.html">Les gestionnaires d'événements
<option value="java-3.html">Les chaînes de caractères
</select>
</form>
donne
Il faut sélectionner un élément de cette liste pour changer de page.
Pour conditionner ce changement de page à un clic sur un bouton, retirer
le gestionnaire onChange et mettre dans le formulaire
<INPUT type="button" name="bouton" value="Pour y aller" onClick="aller()">
|
|
|
|
