resume theorique & guide des travaux pratiques - ista 4 all ...

Module N° 17 : Création de sites web Filière : TSDI
onChange
change la valeur d'un texte ou d'un composant à
options
onClick clique sur un composant ou un hyperlien
text, textarea, select
button, checkbox, radio, reset,
submit
onFocus donne le focus au composant text, textarea, select
onLoad charge la page dans le navigateur balises BODY, FRAMESET
onMouseOut la souris quitte un lien ou une ancre
onMouseOver bouge la souris sur un lien ou une ancre
onReset efface les saisies d'un formulaire bouton reset
onSelect sélectionne une zone d'édition d'un formulaire text, textarea
onSubmit soumet un formulaire bouton submit
balises ,
balises ,
onUnload quitte la page balises BODY, FRAMESET
Programmer un formulaire
• Prérequis: Il est nécessaire de connaitre déjà les champs (ou composants) de formulaires du
langage HTML.
• Un formulaire form se présente comme un objet inclus dans un objet document ( page
HTML).
On sait que lui-même se conduit comme un conteneur d'autres objets que sont les composants
usuels d'une interface graphique.
Ces objets possèdent des propriétés et des méthodes (fonctions) qui correspondent
pratiquement aux attributs des balises HTML qui les construisent .
Pour l'essentiel, la tâche du programmeur est d'analyser les traitements à effectuer sur les
informations extraites du formulaire puis d'écrire les fonctions correspondantes, appelées par
le déclenchement d'événements par l'utilisateur.
Champ de TEXTE
;
• Le texte entré par l'utilisateur est affecté à la propriété value du composant classe situé dans le
formulaire Questions placé dans le document courant appelé document (par défaut).
• De l'intérieur de ce document, le contenu du champ de texte est donc "visible" et accessible
par son nom complet :
document.Questions.classe.value
• En particulier, il peut être récupéré et affecté à une variable MaClasse par l'expression:
MaClasse = document.Questions.classe.value
La référence F.classe.value est suffisante car la portée du formulaire F est le document où il
est inséré.
• Les formulaires dans un même document sont stockés dans un tableau appelé forms; le
premier formulaire est alors noté forms[0], la deuxième est forms[1] etc..
Si Questions est situé en position de premier formulaire, on peut remplacer l'affectation
précédente par :
MaClasse = document.forms[0].classe.value
Liste de sélection SELECT
OFPPT / DRIF / CDC Tertiaire & TIC Page : 80 Juin 2006