En vous inspirant de l'exercice "deplacer.js" du TP-4, écrivez le JS.

Indications :

  • Par défaut, le navigateur permet de déplacer une image à la souris (drag/drop). Pour l'éviter, ajoutez la ligne suivante au fichier JS:

    $('.potentiometre img').on('dragstart', function(event) { event.preventDefault(); });

  • Vous pouvez utiliser .width() pour déterminer la largeur du potentiomètre.
  • Vous pouvez utiliser .width(x) pour fixer la largeur du span.
  • La valeur affichée va de 0 (poignée à gauche) à 100 (poignée à droite)
  • Pour afficher la valeur, vous devez déterminer le id du span valeur à partir de l'attribut id du potentiomètre.



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.