Dans ces exercices, travaillez toujours sur le serveur, y compris pour les fichiers html
 http://localhost/~1234567/.../commentaires.html

Actuellement, le formulaire est affiché en bas de la page.

On voudrait qu'il soit caché par défaut.

Quand l'utilisateur clique sur un des <span> "Répondre", on voudrait afficher le formulaire dnas un "popup" à l'endroit où l'utilisateur à cliqué.

En vous inspirant de l'exercice au début du TP-6, ajoutez le CSS et le JS nécessaire.

Indications :

Souvenez-vous que les commentaires affichés sont crées après le démarrage de la page.
Vous ne pouvez donc pas ajouter directement ajouter un gestionnaire d'événements aux <span> "Répondre".
Utilisez la fonction .on() vue au TP-5 (il y a déjà un exemple dans commentaires.js)

Comme le même formulaire peut-être réutilisé, pensez à effacer son contenu avant de l'afficher.




La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.