Discussion :

[jesspoub]

Bonjour,

J'ai donc un slide jQuery, celui là pour être précis : http://jqueryui.com/slider/#rangemin

Il permet donc d'afficher la valeur en cours. J'aimerais pouvoir manipuler cette valeur (100- valeur par exemple) pour l'afficher ailleurs, l'objectif étant davoir la valeur positif inverse qui saffiche aussi. Concrètement qd le slide va a droite et qu'il affiche 65 par ex , le chiffre a gauche du slider est 100-65= 35 . Si le curseur est tout a gauche il faut donc que jai 100 a gauche et 0 à droite .
Je pense avoir trouvé la logique , genre if valeur>50 valeur gauche = 100-valeur , else if valeur <50 ( le curseur est a gauche) , valeur droite =100- valeur . Ce qui me permet d'avoir une valeur positive en fonction du de la position droite gauche du curseur .
Mais voila je n'arrive pas récupérer simplement la veur en cours lol

Voila mon code et ce que j'ai tenté mais en vain :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(function() {
    $( "#slider-range-min" ).slider({
      range: "min",
      value: 50,
      min: 0,
      max: 100,
      slide: function( event, ui ) {   
        $( "#amount2" ).val  (  "$" + ui.value   )  ;
      }
    });
    $( "#amount2" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
 
	// Ici
	var sum =  100 -  ($( "#amount2" ).val  (  "$" + ui.value   ) ) ;
	document.getElementById('affichage').innerHTML = sum;
 
 
  });

Merci beaucoup pour toute aide ou conseil à m'apporter,
Jess

[SpaceFrog]

Sur la page de démo ...
Il mettent dans un l'input id=amount la valuer du slider avec cette ligne

Code :

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

 $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );

ce qui veut dire que la valeur du slider est récupérée avec

Code :

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

 $( "#slider-range-min" ).slider( "value" )

pour exploiter cette valeur comme tu veux il te suffit de la mettre dans une variable javascript

Code :

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

var valuerSlider = $( "#slider-range-min" ).slider( "value" )

[Michaeljackfan]

Salut,

Selon la documentation du slider, il faut utiliser :

Code :

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

var value = $( ".selector" ).slider( "option", "value" );

Le ".selector" doit bien sûr être remplacé par ta classe ou identifiant. Par contre "option" et "value" sont les noms à utiliser.
Je suppose que tu le savais, mais sait-on jamais

Ou alors simplement

Code :

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

var selection = $( ".selector" ).slider( "value" );

Comme l'a dit Frog.

[jesspoub]

Merci mais avec ca :

Code :

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

1
2
var sum = $( "#slider-range-min" ).slider( "option", "value" );
	document.getElementById('affichage').innerHTML = sum;

ca m'affiche la valeur par défaut, soit 50 dans le cas présent, et cette valeur est figé,
Et comme je veux afficher (qd le curseur est a gauche) une valeur 100 - " la valeur actuelle" , il faut que je recupere la valeur qui évolue avec le curseur;
une idée?!

[SpaceFrog]

encore une fois si tu regarde bien la démo ...

Code :

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

1
2
3
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}

sur l'evenement slide du slider ils ont mis une fonction ...

[jesspoub]

merci pour tes indice frog , cest pas de la mauvaise volonté, cest juste que je connais rien dans ce language..
J'ai essayé ca qui me semblait logique mais en faite non..

Code :

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

1
2
var sum = $( "#slider-range-min" ).slider( "option", "value" ).val( "$" + ui.value );
	document.getElementById('affichage').innerHTML = sum;

[SpaceFrog]

ce qui serati logique c'est de declarer un evenement slide au moment de la declaration de ton slider ....