Conception de sites web dynamiques

TP5 - Javascript : objets et évènements

Votre travail doit être accessible dans votre répertoire ~public_html/TP5, 48h avant la prochaine séance. Vérifiez les droits en lecture de vos répertoires, les travaux non accessibles ne seront pas corrigés

La page que vous enrichirez est constituée de blocs articles, à gauche, et d'un bloc aside, à droite. La hauteur de chaque bloc article est fixe, de sorte que seul le début du texte s'affiche. Vous partirez des fichiers html et CSS fournis.

Commencez par remplacer le faux texte des articles par de vrais articles ou des sections d'un cours ou d'un tutoriel. Dans le contenu de chaque article, choisissez quelques termes pour lesquels une définition ou une note de bas de page serait utile, et encadrez-les par des span de la classe note. Chaque article aura un identifiant numérique correspondant à son ordre.

Nous allons maintenant dynamiser cette page de la manière suivante :

Pour cela, vous allez créer :

Implémenter la gestion des événements comme indiqué supra. Pour cela, vous définirez trois fonctions :