Discussion :

[porcinet82]

Bonjour à tous,

Tout d'abord j'espère être dans la bonne section...
Je suis débutant en programmation javascript et je n'arrive pas à modifier un bout de code alors que ça ne me semble pas très compliqué.
Je voudrai utiliser un sliders comme celui présent ici mais plutôt que d'afficher une valeur numérique (dans l'exemple un prix), je voudrai afficher des caractères.

Par exemple, le range du sliders est de 1 à 10 et je voudrai qu'il m'affiche les 10 premières lettres de l'alphabet.
En gros il s'agit d'appliquer un "format" à un nombre, mais dans ce langage je suis incapable d'écrire ce genre de fonction.

Je vous remercie par avance pour vos conseils ou éléments de réponses.

@+

[Lorenzo77]

salut,

et hop : http://jsfiddle.net/LorenzoFR/UWVfJ/

[porcinet82]

Salut Lorenzo,

Tout d'abord merci pour ta solution !!
Sauf que ce n'est pas tout à fait ce dont j'ai besoin. J'avais pris un exemple simple histoire que ce soit facile à comprendre mais ce dont j'ai besoin est légèrement différent.

Si je ne me trompe pas, dans ta solution tu convertis les valeurs numériques en caractères via une fonction native. Sauf que dans mon cas, c'est des chaines de caractères qui seront associées au curseur.
Par exemple :
1 = mon premier choix
2 = un second choix
3 = un autre truc
...

Donc je pensais à une fonction qui me renverrai la chaine de caractère associée à la valeur du slider et qu'il suffirait ensuite d'afficher.
Peut être un truc de ce genre :

Code :

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

1
2
3
4
5
6
7
8
9
10
sliderVal: function(MyVal) {
  if (MyVal == 1)
    return "mon premier choix";
  if (MyVal == 2)
    return "un second choix";
  if (MyVal == 3)
    return "un autre truc";
  else
    return "un truc différent";
}

Et ensuite en utilisant une ligne de code de ce genre :

Code :

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

$( "#amount" ).val(sliderVal($( "#amount" ).val(ui.values[0])) + " - " + sliderVal($( "#amount" ).val(ui.values[1])));

Mais évidemment ça ne fonctionne pas...

Une idée du pourquoi ?

Merci par avance !!

[Lorenzo77]

plutot que des if a la chaine utilise un tableau qui contient les chaines et tu renvoies la bonne grace a son index !

[porcinet82]

Merci beaucoup !!
Effectivement c'est beaucoup plus simple à écrire et du coup ça fonctionne nickel !!