[jQuery UI] Range Slider - Ecart minimum [Résolu]

[fabienlege]

Bonjour, j'utilise le slider de la librairie jquery UI en mode "range" et j'aurais souhaiter imposer un intervale minimum entre les deux bornes.
Je n'est trouvée aucun paramètre permettant ceci dans la doc.

quelqu'un a il déjà rencontrer ce problème? comment le résoudre?

Merci d'avance
fab

[danielhagnoul]

Bonsoir

Je n'ai pas testé, mais je suggère d'utiliser l'événement "change" pour imposer un écart minimum entre les bornes : http://jqueryui.com/demos/slider/#event-change.

Code :

1
2
3
4
5
6
var values = $( this ).slider( "option", "values" );
 
// modifier values[0] ou values[1] pour satisfaire la condition, 
// puis imposer les valeurs par un 
 
$( this ).slider( "option", "values", values );

[fabienlege]

Effectivement ce que tu m'a passé m'a fait tilt. mon problème est résolu de la façon suivante :

dans la methode slide un simple return false si l'écart est inférieur à 2

Code :

1
2
3
4
5
6
7
8
9
10
11
12
$("#selCarat").slider({
			range:true,
			min:0,
			max:12,
			values:[0,12],
			slide: function( event, ui ) {
                                //Si l'écart est inférieue à 2
				if(ui.values[0]>ui.values[1]-2){
					return false;
				}
			}
		});

Merci beaucoup !