19

Sliders

Les sliders sont des composants d’interface graphique qui permettent de modifier la valeur numérique d’une donnée en déplaçant un curseur sur un axe gradué. Par exemple, un slider gradué de 18 à 100 permet de sélectionner son âge de manière graphique, plutôt que de l’entrer manuellement dans un champ de saisie.

Principe de base

image

Figure 19–1 Slider

Pour afficher un slider tel que celui représenté sur la figure 19-1, on écrit le code HTML suivant, suivi, une fois encore, d’un appel à la méthode de jQuery UI qui gère ce type de composants graphiques.

Le slider (axe et curseur) est représenté par un <div> d’identifiant slider.

Get jQuery 1.7 et jQuery UI now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.