DOM et Evénements Javascript

Qu'est-ce qu'un DOM?
Comment exécuter des changements basés sur les événements d'une forme?

Explication

Dynamic Object Model (DOM):


Avant de démarrer avec l'objet et les modules de commande d'événement, on doit commencer par savoir où appartiennent-ils? Toute action ou événement qui entraîne un changement resp_codens une page Web javascript est classé sous le DOM (dynamic object model). Tout élément html est accessible et modifiable avec le DOM javascript.
Le W3C Document Object Model (DOM) est une plateforme et language à interface neutre permettant à des programmes et scriptes d'acceder et de mettre à jour le contenu, structure, et style de document. Le Document Object Model (DOM) est une application à interface de programmation (API) pour le HTML.
Tous les éléments html ainsi que leurs attributions sont accessible par l'arbre DOM. Les contenus peuvent être modifiés ou supprimés et des nouveaux éléments peuvent être créés avec le DOM.
Par exemple, une forme nommée "ssss" d'un document html est accessible par document.ssss;

Module de commande d'événement:


Les événements sont des actions qui se produisent resp_codens la page Web et qui sont d'habitude initiés par les utilisateurs. Des programmes incorporés sont là pour contrôler ces événements. A titre d'exemple supposons une forme de type touche ou lien. Quand l'utilisateur fait passer la souri sur la forme, un événement "mouse over" est appelé. On peut capturer ces événements et faire appel à une fonction javascript pour exécuter une action.
Le module de commande d'événement est implementé comme attribution resp_codens le marqueur html. Un événement "mouse over" est capturé avec le module de commande onMouseOver. Avec l'exemple suivant, on va faire apparaître une message d'alerte quand la souri passe sur la touche.
Exemple de Code:
<script language="javascript">
fonction testdom()
{
alert("on Mouse Over"); }
</script>
<input name=xx type=button value=click onMouseOver="testdom()"></input>

Résultat:

Etape# 1: On a créé une touche
Etape # 2: On a fait appel au module de commande avec l'attribution onMouseOver et on a fait passer la valeur à la fonction testdom javascript. Ce qui fait que la méthode testdom() est appelé pour chaque événement passage de souri.
Etape# 3: On a écrit une fonction testdom() et on a fait appel à une message d'alerte resp_codens la fonction.
Dans le chapitre qui va suivre, vous allez apprendre le module de commande d'événement relatif à chaque types et méthodes DOM qu'on peut utiliser avec les éléments d'une forme.