1. Retour à l'accueil Général
  2. Accueil activité
  3. Un site dynamique , partie I
  4. Un site dynamique partie II
    1. De bonnes bases
    2. Travail avancé sur un élément du DOM
    3. Les photos
    4. Des exemples intermédiaires

Un site dynamique

Travail autour d'un élément du DOM

3) On veut repérer le clic de la souris sur un des items du menu déroulant, quel élément dom correspond à cet item ?
afficher le réponse ??

li

4) Donc , on ajoute dans le fichier javascript , après la ligne 20 et avant la 21 le code :

Quand on clique sur un élément de la liste, on obtient bien le message :

5) Sauf pour la marque kawazaki ! Pourquoi ?
afficher le réponse ??

L'entrée est désactivée dans le menu cette zone n'est pas réactive


6) Plus compliqué maintenant, comment récupérer la marque sur laquelle on a cliqué ?
On attaque ici un point fondamental de la programmation orientée objet.
Si on considère une entrée du menu affiché, par exemple celle-ci :
  • ducati
  • L'objet considéré ici est li.
    Le couple descripteur / valeur qui nous intéresse est :
    text : ducati
    Pour l'afficher , on utilise le mot clef this, très courant en programmation, il indique l'élément sur lequel on agit.
    On s'adresse à l'objet sur lequel on clique (this)
    On a cliqué sur le menu suzuki (bleu légèrement plus foncé)