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 ....

[jesspoub]

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..

[SpaceFrog]

Code :

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

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
      }
});

[jesspoub]

En faite tu veux pas me donner la réponse clairement cest ca ?
Jai essayé ca mais ca ne fonctionne tjs pas :

Code :

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

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

[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 ...

[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..

[SpaceFrog]

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 :

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

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 ....

[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 :

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

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