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! smiley.gif (89 bytes)

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.

  1. Le formulaire peut servir de moyen d'entrée des données pour le programme JavaScript.
    Entrez un nombre: et cliquez à l'extérieur de la zone
    Sa racine carrée est:
  2.  

  3. Le code peut servir à valider ou simplement agrémenter la saisie des données. Veuillez, par exemple répondre à ce petit sondage.

Mon nom est: 
J'aimerais bien avoir un examen final difficile: 
Oui Sûrement pas!
 

Lectures suggérées