Pb Jquery Slider

Fermé

zalex06 Messages postés 3 Date d'inscription vendredi 8 janvier 2010 Statut Membre Dernière intervention 28 juin 2010 - 28 juin 2010 à 10:48
Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 - 28 juin 2010 à 14:38

Bonjour a tous,
J'ai un souci avec mon jquery ui slider,
Je voudrais que celui-ci admette différentes valeurs par exemple 1,2,5,7 (avec nombre de pas qui peut etre variable comme ici) et qu'il mette a jour un label
J'ai trouvé cet exemple qui s'en rapproche mais celui-ci est basé sur une liste deroulante

https://jqueryui.com/slider/#hotelrooms

Mon slider marche a peu pres mais je me retrouve avec plusieurs curseurs de sliders comment pourrais je faire pour n'en avoir qu'un seul curseur qui mettrait a jour dans cette exemple les labels ?

voici mon code :

var slider = $('<div id="slider"></div>').slider({
				min: min,
				max: max,
				range:true,
				values: vals,
				slide: function(event, ui) {
				$("#sliderInput").val(ui.values[0]);
				}
			});

vals etant le tableau des valeurs

A voir également:

Pb Jquery Slider
Wow slider - Télécharger - Présentation
Jquery refresh div ✓ - Forum Javascript
Slider automatique html css ✓ - Forum CSS
Slider - Forum Wordpress
Probleme de slider - Forum HTML

2 réponses

Réponse 1 / 2

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
28 juin 2010 à 11:24

Bonjour,

je n'ai pas de quoi tester, mais d'apres la doc je pense que tu devrais essayer quelque chose comme ça :

var slider = $('<div id="slider"></div>').slider({
				values: [1,2,5,7],
				slide: function(event, ui) {
					$("#sliderInput").val(ui.values[0]);
				}
			});

zalex06 Messages postés 3 Date d'inscription vendredi 8 janvier 2010 Statut Membre Dernière intervention 28 juin 2010
28 juin 2010 à 12:03

non ca ne marche pas ( de toute facon ma variable vals contenait deja ces valeurs)
ca me fait tjs plusieurs curseurs :s

Réponse 2 / 2

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
28 juin 2010 à 14:38

J'ai une autre solution :

$("#slider").slider({
			min: 1,
			max: 3,
			value: 1,
			slide: function(event, ui) {
				var val = 0 ;
				switch(ui.value)
				{
					case 1:
						val = 1 ;
						break ;
					case 2:
						val = 5 ;
						break ;
					case 3:
						val = 9 ;
						break ;	
				}
				$("#amount").val('$' + val);
			}
		});

tu as un slider de 1 à 3 mais tu modifie la valeur de ton affichage en fonction de ta valeur.

Discussions similaires

Problème de transfert slider qui ne veut plus se charger

jquery: refresh element enfant après ajax

jQuery & Regex

Redirection Jquery onclick

mon slider ne marche pas

Discussions similaires

Newsletters