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). 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" 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").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> 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 : 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); } |