Le DHTML, principe et événements (HTML4.0) Retour JavaScript et DHTML

LE DHTML, PRINCIPE ET EVENEMENTS (HTML 4.0).

  1. Presentation du DHTML
  2. Les événements définis en HTML 4.0


Présentation du DHTML.

Le DHTML ou le HTML dynamique (Dynamic HTML) est une combinaison
du HTML avec du style, et des scripts. Il est souvent utilisé pour proposer de
l'interactivité sur les pages Web.
Attention, il est très difficile de réaliser du code HTML dynamique sur les deux
navigateurs I.Explorer et Netscape, en effet ces deux navigateurs interprètent
différemment le modèle objet.


[TOP]  [RETOUR RUBRIQUE]


Les événements définis en HTML 4.0.

Nom Balises autorisées Evénement déclenché lorsque
OnLoad BODY, FRAMESET Le navigateur ouvre la page HTML
OnUnLoad BODY, FRAMESET Le navigateur ferme la page HTML
OnClick Presque toutes les balises L'utilisateur clique sur un élément
OnDbClick Presque toutes les balises L'utilisateur double-clique sur un élément
OnMouseDown Presque toutes les balises L'utilisateur appuie sur le bouton de la souris
OnMouseOver Presque toutes les balises L'utilisateur place la souris sur un élément
OnMouseMove Presque toutes les balises L'utilisateur déplace la souris sur un élément
OnMouseOut Presque toutes les balises L'utilisateur fait ressortir la souris d'un élément
OnFocus LABEL, INPUT, SELECT, TEXTAREA, BUTTON Un élément est sélectionné avec le clavier
OnBlur LABEL, INPUT, SELECT, TEXTAREA, BUTTON Un élément n'est plus sélectionné avec le clavier
OnKeyPress Presque toutes les balises L'utilisateur appuie, puis relâche une touche
OnKeyDown Presque toutes les balises L'utilisateur appuie sur une touche sur un élément
OnKeyUp Presque toutes les balises L'utilisateur relâche une touche sur une événement
OnSubmit FORM Un formulaire est envoyé
OnReset FORM Un formulaire est réinitialisé
OnSelect INPUT, TEXTAREA L'utilisateur sélectionne du texte
OnChange INPUT, TEXTAREA Un élément est désélectionné et a été modifié


Voici un exemple simple d'événement et son code source.

<A HREF="#top" OnClick="alert ('Retour au-dessus')">Cliquez ici !!</A>

Cliquez ici !!

[TOP]  [RETOUR RUBRIQUE]