NFA016. Tp de Javascript: formulaires et DOM

Exercice

Reprendre le formulaire de l'exercice 2 de la feuille précédente.

Ajoutez un champ âge en empêchant les saisies incorrectes (l'âge doit être un nombre).
On souhaite que l'utilisateur puisse choisir plusieurs "musiques préférées". Modifier le formulaire en conséquence. Modifier la vérification javascript pour être sûr qu'au moins une musique préférée a été choisie.

Exercice

Création de table des matières: Écrire du code qui permette de remplir un div (dont on passe l'ID) avec la table de matières d'une page HTML. La table des matières est une liste, dont chaque entrée correspond à un élément de niveau "h2". On ne gèrera pas le renvoi vers un élément donné.

modifier la table des matière pour qu'elle forme une liste imbriquée en fonction des différents niveaux de titres (h1, h2, h3, h4)

Ajoutez un bouton pour faire apparaître ou disparaître la table des matières.

Exercice

Utilisation d'une bibliothèque. Nous allons utiliser la bibliothèque Scriptaculous. Téléchargez la (votre moteur de recherche est votre ami).

écrire une petite page utilisant scriptaculous, avec un paragraphe de texte et un bouton pour le faire apparaître ou disparaître. L'apparition (et la disparition) se feront en utilisant l'effet de votre choix
Reprendre le système avec la table des matières de l'exercice précédent
Utiliser la méthode scrollTo() de Scriptaculous pour qu'un clic sur un élément de la table des matières envoie sur l'entrée correspondante