Extrait du cours: Cours java script: Les événements
GÉNÉRALITÉS
Avec les événements et surtout leur gestion, nous abordons le côté « magique » de Javascript.
En Html classique, il y a un événement que vous connaissez bien. C’est le clic de la souris sur un lien pour vous transporter sur une autre page Web. Hélas, c’est à peu près le seul.
Heureusement, Javascript va en ajouter une bonne dizaine, pour votre plus grand plaisir.
Les événements Javascript, associés aux fonctions, aux méthodes et aux formulaires, ouvrent grand la porte pour une réelle interactivité de vos pages.
on Change (après modification réussie)
Est prévu pour le cas où un utilisateur appuie sur le bouton stop du navigateur, alors que tous les graphiques ne sont pas encore chargés.
Au cas où l’utilisateur clique sur un élément.
Exemple
<html><head><title>Test</title>
</head><body>
<form name= »Test » action= » »>
<input size= »30″ name= »sortie » readonly><br>
<input type= »button » value= »Dernière mise
à jour »
onClick= »this.form.sortie.value=document.lastModified »>
</form>
</body></html>
ONDBLCLICK (EN DOUBLE-CLIQUANT)
Au cas où l’utilisateur double-clique sur un élément.
Exemple
<html><head><title>Test</title>
</head><body>
<form name= »calculer » action= » »>
Valeur: <input size= »10″ name= »valeur »>
<input type= »button » value= »Double-clic = puissance 2″
onDblClick= »document.calculer.valeur.value=document.calcu
ler.valeur.value*document.calculer.valeur.value »>
</form>
</body></html>
ONERROR (EN CAS D’ERREUR)
Est approprié pour capter les messages d’erreur et les remplacer par des messages personnalisés. Attention pourtant, les erreurs ne sont pas pour autant écartées!!
onError est conçu avant tout pour traiter les erreurs intervenant lors du chargement de graphiques..
Exemple
/head><body>
<img src= »yarien.gif » onError= »alert(‘à cet endroit devait figurer un graphique,\n cependant il ne peut malheureusement pas être affiché !’) »>
</body></html>
……….
Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)Cours java script: Les événements (4.06 MB) (Cours PDF)
