Les événements
Concepts de programmation événementielle
Il existe plusieurs facettes à la programmation.
Programmation impérative
Déclarations de variables et liste d'instructions à exécuter.
(Ex: FORTRAN, COBOL, C ...)
Programmation déclarative
Description du contexte et des lois et déclarations des faits
puis questions. (Ex: Prolog)
Programmation orientée objets
Déclaration de classes et création d'objets qui seront par
la suite manipulés.
Programmation par lots
Le délai d'exécution du programme n'a pas d'influence sur
les résultats.
Programmation avec contrainte de temps
Le temps de réponse doit être limité mais le délai d'exécution
du programme n'a pas d'influence sur les résultats.
Programmation en temps réel
Si le délai d'exécution du programme est trop long, les résultats
ne seront plus valides.
Programmation événementielle
Le programme doit réagir à des événements qui peuvent se
produire de façon aléatoire.
Les événements intrinsèques
Plusieurs événements peuvent se produire lors de la navigation
dans une page WEB. On en dénombre dix-huit que nous avons classés en
quatre catégories.
Les événements généraux
Les événements généraux sont liés à la page complète et
sont déclenchés soit au chargement soit symétriquement au retrait de
celle-ci.
- onload
- à la fin du chargement d'un élément BODY ou FRAMESET
- onunload
- lorsqu'un document est retiré d'une fenêtre (BODY et FRAMESET)
Exemple:
<BODY
onload='alert("Bienvenue")' onunload='alert("Aurevoir et
merci")'> |
Les événements liés à la souris
En fait, on veut dire: liés au dispositif de pointage quel
qu'il soit! 
- onclick
- lorsque notre internaute clique sur un élément HTML. L'événement
est relié à l'élément lui-même.
- ondblclcik
- si on a plutôt un double-clique.
- onmousedown
- abaissement d'un des boutons lorsque le curseur se trouve sur un élément
HTML.
- onmouseup
- relachement d'un des boutons lorsque le curseur se trouve sur un élément
HTML.
- onmouseover
- lorsque le pointeur arrive au dessus d'un élément.
- onmousemove
- lorsque le pointeur se déplace au dessus d'un élément.
- onmouseout
- lorsque le pointeur quitte un élément.
-
Les événements liés au clavier
- onkeypress
- lors de la frappe d'une touche du clavier
- onkeydown
- lors de l'appuie d'une touche quand l'élément a le focus.
- onkeyup
- lors du relachement d'une touche quand l'élément a le focus
-
Les événements spécifiques aux formulaires
- onsubmit
- au moment de l'envoi des données d'un formulaire
- onreset
- lorsqu'on appui sur un bouton RESET d'un formulaire
- onfocus
- lorsqu'un élément reçoit le focus.
- onblur
- lorsqu'un élément perd le focus.
- onselect
- lorsque l'utilisateur sélectionne du texte dans un élément INPUT
ou TEXTAREA.
- onchange
- lorsqu'un élément perd le focus et que sa valeur a été changé.
Association des événements et des scripts
Pour que le code JavaScript soit exécuté, il faut l'associer
à des événements. Notez bien que le code inséré dans l'entête d'une
page HTML est exécuté au moment du chargement de la page.
Éléments HTML quelconques
Les événements liés à la souris ou au clavier peuvent être
associé à presque tous les éléments HTML.
Éléments HTML des formulaires
Dans ce cas, il y a double "collaboration" entre les
éléments HTML et le code JavaScript.
- Le formulaire peut servir de moyen d'entrée des données pour le
programme JavaScript.
- Le code peut servir à valider ou simplement agrémenter la saisie des
données. Veuillez, par exemple répondre à ce petit sondage.
Lectures suggérées
- Les références de votre manuel (surtout la partie 2)