
Le jQuery(lien : http://fr.wikipedia.org/wiki/JQuery), pour ceux qui ne connaissent pas, est un framework Javascript libre. Il permet d’améliorer le coté “user friendly” des sites web.
Pour le concours Contrex, il fallait faire un questionnaire en 3 étapes.
Vitam a voulu éviter de faire 3 pages où les internautes doivent recharger toute la page à chaque étape.
Nous avons donc créé un questionnaire sur une page et grâce au jQuery, nous n’affichons qu’une étape après l’autre.
Ce qui est surtout intéressant, c’est le choix de l’image dans la première étape. Il faut choisir une image de femme qui représente la femme Contrex.
Pour réaliser cela, il faut mettre un champ avec une liste de sélection où le participant choisit le numéro de l’image souhaitée.
Afin de rendre ce choix plus sympathique, Vitam a remplacé ce champ par un simple clic sur une des 5 images.
Grâce à jQuery, nous avons caché la liste de sélection et lorsque l’internaute clique sur l’image, la valeur de l’image est attribué au champ contenant la liste de sélection.
Pour voir à quoi ressemble la page sans ces effets, il faut désactiver le javascript. Vous aurez alors l’occasion de voir le concours en entier. Et vous pourrez y participer car il fonctionne évidemment sans javascript.
D’ailleurs, s’il y en a parmi vous qui veulent participer: http://contrex.be/fr/concours/ . Le concours a lieu jusqu’au 15 juin.