Dictionnaire de l'informatique et d'internet
Menu du dico
  Définitions
 • Sommaire
 • Nouvelles déf
 • Ajouter une déf
 • Termes officiels
 • Forum


  Dossiers
 • Javascript
 • Chronologie
 • Les smileys

  Services gratuits
 • Cartes virtuelles

  Divers
 • Annuaire des
   dictionnaires
 • Bibliographie
 • Quiz
 • Faire un lien
 • Liens
 • FAQ
 • 


Guide Javascript

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()">

    Guide rιalisι par Guillaume Bridenne
  • Hit-Parade
    Eric Goguey ® 1999-2001.
    http://www.dicofr.com