Comment récupérer valeur slide ?!

Version imprimable

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 8O

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

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

08/03/2013, 08h40
SpaceFrog

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

Code:

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

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

Code:

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

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

Code:

var valuerSlider = $( "#slider-range-min" ).slider( "value" )
08/03/2013, 08h49
Michaeljackfan

Salut,

Selon la documentation du slider, il faut utiliser :

Code:

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:

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

Comme l'a dit Frog.
08/03/2013, 09h56
jesspoub
Merci mais avec ca :
Code:

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?!
08/03/2013, 09h59
SpaceFrog
encore une fois si tu regarde bien la démo ...
Code:

1 2 3 slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.value ); }
sur l'evenement slide du slider ils ont mis une fonction ...
08/03/2013, 10h10
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:

1 2 var sum = $( "#slider-range-min" ).slider( "option", "value" ).val( "$" + ui.value ); document.getElementById('affichage').innerHTML = sum;
08/03/2013, 10h11
SpaceFrog

ce qui serati logique c'est de declarer un evenement slide au moment de la declaration de ton slider ....
08/03/2013, 10h23
jesspoub

Citation:

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

je ne sais pas faire ca frog, je ne connais rien de ce language, si quelqu'un à la solution cela m'aiderai grandement..

Code:

1
2
3
4
5
6
7
8
9
$( "#slider-range-min" ).slider({
      range: "min",
      value: 50,
      min: 0,
      max: 100,
      slide: function( event, ui ) {   
         // ici tu as la valeur du slide dans  ui.value
      }
});

08/03/2013, 11h52
jesspoub
En faite tu veux pas me donner la réponse clairement cest ca ?8O
Jai essayé ca mais ca ne fonctionne tjs pas :
Code:

1 2 var sum = $( "#slider-range-min" ).slider( ui.value ) ; document.getElementById('affichage').innerHTML = sum;
08/03/2013, 11h55
SpaceFrog

le but est que tu trouves par toi même ...
pose toi la question de l'endroit ou tu appelles le code ...

si ce n'est pas DANS l'evenement slide ...
08/03/2013, 12h17
jesspoub

Cest gentil mais je n'y ariverai pas avec le trop peu de base que jai,
cest comme si je te disais, vasy essaie de trouver le 20eme coup
aux échecs dans la variante panov, il se trouve que cest une réponse que je
donne bien volontier sur dautre forum..

il n'y a rien de sorcier... mais tu n'as pas l'air de vouloir faire l'effort de comprendre ..;
je répète donc :

Code:

1
2
3
4
5
6
7
8
9
$( "#slider-range-min" ).slider({
      range: "min",
      value: 50,
      min: 0,
      max: 100,
      slide: function( event, ui ) {   
         // ici tu as la valeur du slide dans  ui.value
      }
});

DANS l'evènement slide ....

08/03/2013, 13h52
jesspoub
ca na rien a voir , je ne comprends pas ce que tu me dis cest tout,
on va dire tant pis pour moi,
car jai deja essayer de placer ce que contient levenement slide dans ma variable comme ca :
Code:

1 2 var sum = $( "#amount2" ).val ( "$" + ui.value ) ; document.getElementById('affichage').innerHTML = sum;
Si cest ca que tu veux dire, mais ca ne fonctionne pas ..
tu ne veux vraiment pas me donner une réponse explicite ?!
tu vois pourtant bien que je galere depuis ce matin 8h et que jai pas laché..
Pas cool