IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

[Range Slider] Définir les valeurs


Sujet :

jQuery

  1. #1
    Membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    juillet 2020
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : juillet 2020
    Messages : 58
    Points : 55
    Points
    55
    Par défaut [Range Slider] Définir les valeurs
    Bonjour,

    Avec Jquery UI, Slider-Range je n'arrive pas à obtenir ce que je veux :

    Ce que je veux :

    1 curseur : positionné à 18 et ensuite il devrait prendre les valeurs. 18, 19, 20, etc... jusqu'à 100
    2 ème curseur : positionné au départ à 50 et il devrait prendre les valeurs de 18, 19 , 20, etc... jusqu'à 100
    L'idée est de permettre aux visiteurs de choisir un écart entre 2 années (de 18 à 100)
    Un exemple : entre 25 et 43

    J'ai déjà défini ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    $( "#slider-range" ).slider( "values", [ 18, 100 ] );
    $( "#slider-range" ).slider( "option", "values", [ 18, 100 ] );
    mais je suis loin du compte si on déplace le curseur de gauche à la fin on obtient 0100
    et si on déplace le curseur à la droite on a 18100
    et lorsque on déplace les curseurs on a encore des grand chiffres et ceci à chaque déplacement.

    c'est pas simple !!!!

  2. #2
    Membre expert Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    janvier 2012
    Messages
    1 886
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : janvier 2012
    Messages : 1 886
    Points : 3 577
    Points
    3 577
    Par défaut
    Bonjour,

    Utilise les options offertes par le plugin, surtout les callbacks start et slide :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <span id="infos"></span>
    <div id="slider-range">
     
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $("#slider-range").slider({
      range: true,
      min: 18,
      max: 100,
      values: [18, 100],
      start: function(event, ui) {//lorsqu'on bouge le curseur.
        $("#infos").html(ui.values[0] + " - " + ui.values[1]);
      },
      slide: function(event, ui) {//lorsqu'on libère le curseur.
        $("#infos").html(ui.values[0] + " - " + ui.values[1]);
      }
    });

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 5
    Dernier message: 18/02/2018, 12h57
  2. Slider : Indexer les valeurs dans Ticks
    Par Arnard dans le forum Windows Presentation Foundation
    Réponses: 2
    Dernier message: 16/09/2010, 13h40
  3. "Définir les valeurs par défaut" pour un "Champs de Paramètre"
    Par JaRuZ dans le forum SAP Crystal Reports
    Réponses: 11
    Dernier message: 21/10/2008, 14h06
  4. Comment dééfinir les valeurs des abscisses en Time ?
    Par marsupilami34 dans le forum Langage
    Réponses: 1
    Dernier message: 29/09/2005, 15h50
  5. [Debutant(e)]définir les valeurs possibles d'un param
    Par mouste79 dans le forum Langage
    Réponses: 7
    Dernier message: 18/11/2004, 10h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo