Le but de l'exercice est de réaliser, à l'aide de javascript, une petite fonctionalité décrite dans le fichier de fin. Il s'agit de faire apparaître/disparaitre une partie du contenu de la page en javascript. Que feriez vous si vous vouliez que le contenu soit caché par défaut ?
Nous pourrons aussi réaliser un menu déroulant avec la même fonctionalité.
Syntaxe d'une liste imbriquée
<ul>
<li>Element 1</li>
<li>Element 2
<ul>
<li>Element 2.1</li>
<li>Elemnent 2.2</li>
</ul>
</li>
</ul>Le but de l'exercice est de vérifier le formulaire de fin
Celui-ci comporte plusieurs champs :
Enfin, si une des conditions ci-dessus ne sont pas remplies, l'utilisateur ne pourra pas aller plus loin, et sera invité à remplir correctement les champs.
Dans la partie "head" on inclut :
<script type="text/javascript" src="formulaire.js"></script>
Il faut garder à l'esprit que les utilisateurs sans javascript doivent pouvoir envoyer le formulaire. Pour celà, on exclut de remplacer le bouton "submit" par un bouton quelconque. Le seul changement à faire est celui-ci :
<form action="#" method="post" onsubmit="return valider(this)">
La fonction "valider" sera appelée lorsque l'utilisateur soumettra le formulaire (avec le bouton submit).
La fonction "valider" devra renvoyer (avec return) true si le formulaire est valide, et false sinon. Si le formulaire n'est pas valide, l'utilisateur n'aura pas accès à la page suivante. Si l'utilisateur n'a pas javascript ou si le formulaire est valide, le formulaire sera envoyé
Le code source xhtml : Clic droit -> enregistrer sous
Feuille de style : visble dans le navigateur
Il ne vous reste plus qu'à créer le fichier formulaire.js