Page précédente Topo HTML Page suivante


Voici un moyen très simple de changer la couleur du fond : sélectionnez une valeur dans la liste.


Ici, pas de script ,à proprement parlé -> pas de balises <SCRIPT> !!!
 
La partie JavaScript (en rouge) est insérée directement dans le source HTML dans la Balise <SELECT> de la manière suivante :
 
<SELECT Size=5 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value">
 
Quand la sélection change, la couleur de fond du document  prend la valeur de l'index de l'option choisie.
 
Remarquez le mot clé this qui permet de faire référence à l'objet actuel (la sélection dans le tableau).
 
JavaScript reconnaît ces "événements" :
  1. onLoad, onUnload, onError
  2. onAbort
  3. onClick, onDblClick, onSubmit, onReset
  4. onChange, onFocus, onBlur, onSelect
  5. onMouseOver, onMouseOut
  6. onMouseDown, onMouseUp, onMouseMove
  7. onDragDrop
  8. onKeyDown, onKeyUp, onKeyPress
  9. onMove, onResize
Ceux de la ligne 1 entraînent une exécution automatique  de la fonction définie, dès l'ouverture de la page (IE4) ou du message (OE).
 
Ceux des lignes 2 à 9  sont dits "interactifs" : l'exécution, de la fonction  définie, dépend d'une action de l'utilisateur (action souris ou clavier ou une action au niveau de la fenêtre du navigateur : déplacement, réduction, agrandissement, etc..)