- · Niveau : DÉBUTANT
- · Compatibilité : Netscape 3+ et Internet 3+
Un document comporte plusieurs objets, les objets peuvent être les éléments d’un formulaire, les images les liens les textes et même le document lui-même etc. Cette technique orientée-objet permet d’isoler les objets entre eux en leur donnant une certaine indépendance. Parmi les techniques de manipulation des objets il existe les événements ou "Event". Un événement est une action commise par l’utilisateur qui affecte directement un ou plusieurs objets. À l’aide de mot réservé vous pouvez réagir et contrôler à peu prêt tout ce qui est fait par l’usager.
NOTE : Parmi les événements il y a le FOCUS. Cet événement est très important à comprendre car certains objets ne réagissent aux événements que lorsqu’ils sont en état de FOCUS. Le FOCUS est attribué à un seul objet à la fois. Par exemple lorsque vous entrez dans une page, le FOCUS est par défaut le document lui-même. Pour bien saisir, cliquez sur la touche TAB, vous aller observer le mouvement du FOCUS dans de la fenêtre. Lorsque le FOCUS est sur un objet, une ligne pointillée en fait le tour. Tout ce qui se fait sous Windows fonctionne de cette façon. Que ce soit en HTML, Javascript, Visual Basic ou même en C. C’est pourquoi si le FOCUS n’est plus directement dans le navigateur, la touche TAB vous permet de change le FOCUS entre les objets de Windows, c’est à dire entre application ou fichier sur le bureau etc.
: Compatible avec Netscape Navigator 4 et plus.
: Compatible avec Internet Explorer 3 et plus.
: Compatibleavec Internet Explorer 4 et plus.
Événement | Avec | Description | |
OnAbort |
BODY, FRAMESET |
À l’interruption du chargement d’une page. | |
OnAfterUpdate | Tout | Après une modification d’’un formulaire. | |
OnBlur | LABEL, INPUT, SELECT, TEXTAREA, BUTTON |
Quand un objet perd son FOCUS. | |
OnChange | INPUT, TEXTAREA |
Après la modification d’un objet. | |
OnClick | Tout | Quand l’utilisateur clic sur un objet. | |
OnDbClick | Tout | Quand l’utilisateur bouble clic sur un objet. | |
OnError | Tout | Quand un objet n’a pas été chargé. | |
OnFocus | LABEL, INPUT, SELECT, TEXTAREA, BUTTON |
Quand un objet prend le FOCUS. | |
OnHelp | Tout |
Quand l’utilisateur appuie sur la touche F1 (aide). |
|
OnKeyDown | Tout | Quand l’utilisateur appuie sur une touche | |
OnKeyPress | Tout | Quand l’utilisateur relâche une touche | |
OnKeyUp | Tout | Quand l’utilisateur relâche une touche sur un objet. | |
OnLoad | BODY, FRAMESET |
À l’ouverture d’un document. | |
OnMouseDown | Tout | Quand l’utilisateur appuie sur un bouton de la souris. | |
OnMouseMove | Tout | Quand l’utilisateur bouge la souris. | |
OnMouseOut | Tout | Quand l’utilisateur bouge la souris hors d’un objet. | |
OnMouseOver | Tout | Quand l’utilisateur bouge la souris au dessus d’un objet. | |
OnMouseUp | Tout | Quand l’utilisateur relâche un bouton de la souris. | |
OnReadyStateChange | FORM | Quand le document se charge. | |
OnReset | FORM | Quand le bouton RESET d’un formulaire est cliqué. | |
OnResize | BODY | Quand l’utilisateur redimensionne la fenêtre du navigateur | |
OnScroll | BODY | Quand l’utilisateur se sert des barres de défilement de la page | |
OnSelect | INPUT, TEXTAREA |
Quand l’utilisateur sélectionne du texte | |
OnSubmit | FORM | Quand un formulaire est envoyé. | |
OnUnLoad | BODY, FRAMESET |
Quand le navigateur ferme la page HTML |
Exemple
:
Avec un document
<BODY OnLoad="alert (’Retour au-dessus’)">Cliquez ici !!</A>
Avec un lien
<A HREF="index.htm" OnClick="alert (’message’)">Lien hypertexte</A>
Avec un formulaire
<FORM OnSubmit="alert (’message’)">
<INPUT OnFocus="alert (’message’)">
etc.