Exemples Divers



  1. Modification de la Barre d'Etat

Le lien si dessous modifie le contenu de la barre d'état quand vous passez la souris dessus (ne fonctionne pas avec Firefox, que avec IE).

Retour à la page d'accueil - Regarder la barre d'état

Voici le code de l'exemple précédent :
<A HREF="http://www.hobbesworld.com/index.php"
onMouseOver="window.status='Retour à la page d\'accueil'; return true"
onMouseOut="window.status=' '; return true">
Retour à la page d'accueil - Regarder la barre d'état </A>

Dans ce code, on retrouve 2 évènements : onMouseOver et onMouseOut.



  2. Changement d'une image

Voici le code utilisé pour le menu en haut de la page qui permet de modifier l'image lorsque la souris passe dessus :
<a href="/liens/index.php"
onMouseOver="imgliensfin.src='/images/boutons/liensoff.gif'"
onMouseOut="imgliensfin.src='/images/boutons/lienson.gif'">
img name="imgliensfin" border=0 src="/images/boutons/lienson.gif"
onLoad="templiens=new Image(0,0); templiens.src='/images/boutons/lienson.gif'"></a>
Ce code est en fait assez simple. Le lien permet de gérer le passage de la souris (IE permet de le gérer sur l'image, mais pas Netscape, d'où l'obligation d'utiliser la balise "a").
La balise HTML "img", définit l'image. Par défaut, l'image est "/images/boutons/lienson.gif". Lors du chargement de l'image, on charge également une autre image en arrière plan grâce à la méthode "onLoad" de la balise "img". On passe en paramètre le nom du fichier de l'image qui sera affichée lorsque la souris passera sur l'image. En l'occurrence, "/images/boutons/lienson.gif" dans notre exemple.

Ensuite, pour le lien, on ajoute la balise "a". On gère 2 évènements dans cette balise :
  • onMouseOver : lorsque la souris passe sur l'image
  • onMouseOut : lorsque la souris sort de l'image
    Pour ces 2 évènements, on passe en paramètre le nom de l'image à modifier (ici "imgliensfin", tel que le nom a été défini dans la balise "img"), ainsi que l'image à afficher.

    Il est nécessaire d'avoir chargé les 2 images pour faire ce changement, d'où l'utilisation du "onLoad" de la balise "img".



      3. Lancement d'un programme externe

    Bien sur, il n'est pas bon de faire des pages Internet qui essaye de lancer des programmes sur le poste du client. Ceci est vrai principalement pour des raisons de sécurité. Mais, cela n'empêche pas d'avoir besoin de ce code, typiquement pour les sites Intranet, ou encore pour ses propres pages persos. Par exemple, comment lancer une session telnet depuis une page web en cliquant sur un schema réseau.

    function LaunchApp(myPutty) {
     if (!document.all) {
      alert ("Désolé, cela ne fonctionne qu'avec Internet Explorer.");
      return;
     }
     var ws = new ActiveXObject("WScript.Shell");
     ws.Exec("C:\\PUTTY\\putty.exe "+myAdressPutty);
    }





    Page modifiée le : 24/07/2003
    Site modifié le : 16/05/2016


    Valid XHTML 1.0 Transitional

  •