Discussion :

[Bliblu]

Bonjour !

Je travaille sur un questionnaire à réaliser en ligne. Pour cela, les visiteurs de mon site devront positionner le curseur du "slider" de jQuery sur un axe de 0 à 100.

Je poste ce message pour avoir des indications, car le slider est génial, mais le curseur est présent dans tous les cas. Ce que je voudrais faire, c'est le retirer et le faire apparaitre seulement à partir du moment où le visiteur cliquera sur mon axe.

Est-ce que vous pensez que c'est réalisable ? Si oui, auriez-vous quelques conseils à me donner ?

Merci par avance de votre temps !

[danielhagnoul]

Bonsoir.

Voir l'option disabled (http://jqueryui.com/demos/slider/#option-disabled) qui rend le slider inactif mais le bouton reste visible.

Sinon pour cacher le bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.ui-slider-handle {
	display: none;
}

[Bliblu]

Bonjour !

Merci de la rapidité et de la précision de votre réponse, je bloquais dessus depuis plusieurs heures.

Cependant, avec l'application de votre style, le formulaire fonctionne comme je voudrais, mais je voudrais savoir s'il est possible de mettre ce style par défaut et de le modifier "au click" afin de faire apparaitre le curseur lorsque le sujet aura cliqué sur la barre.

Je sais qu'il y a des fonctions dans ce script, comme "change" qui permettent d'intégrer une fonction, mais est-ce qu'il existe une fonction qui peut justement changer de style du curseur ?

Merci énormément, vous avez déjà fait beaucoup en tout cas !

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
// .barre si une class et #barre si un id
$(".barre").click(function(){
	$(".ui-slider-handle").css("display", "block");
});

C'est du jQuery élémentaire ! Voir : http://api.jquery.com/

[Bliblu]

Merci beaucoup !
Et de même, merci pour le lien. Je ne connais pas vraiment jQuery, mais c'est un outil plein de surprises !

Au plaisir, et je vous souhaite une excellente journée !