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 :

JQuery UI slider range récupérer la valeur


Sujet :

jQuery

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

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juillet 2020
    Messages : 60
    Points : 57
    Points
    57
    Par défaut JQuery UI slider range récupérer la valeur
    Bonjour,

    J'ai réussi à faire fonctionner correctement les curseurs , maintenant j'ai besoin de récupérer la valeur.

    J'ai pensé la mettre dans un input hidden (age) mais je n'ai pas encore réussi à trouver la bonne syntaxe.

    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
    $(document).ready(function(){
    		var outputSpan = $('#spanOutput');
     
    	$('#slider').slider({
    		range: true,
    		min:18,
    		max:100,
    		values: [ 25, 45 ],		
    		slide: function (event, ui) {
    			outputSpan.html('entre ' + ui.values[0] + ' et ' + ui.values[1] + ' ans');			
    		}
     
    	 });
     
    	});
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div style="margin-top:10px">
                                        Age: <span id="spanOutput"></span>
                                        <br><br>
                                        slider<div id="slider"></div>                                                                     
                                    </div>
     
     
                                    <input type="hidden" id="age" name="age" value="une valeur">

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 396
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Suisse

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

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 396
    Points : 4 825
    Points
    4 825
    Par défaut
    Bonjour,

    Toujours dans le callback slide :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    slide: function (event, ui) {
    	outputSpan.html('entre ' + ui.values[0] + ' et ' + ui.values[1] + ' ans');	
            $("#age").val(ui.values[0]);		
    }
    le callback stop permet de faire la même chose, la différence entre stop et slide c'est que le premier se déclenche à la fin de slide et le 2éme pendant le slide..

  3. #3
    Membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Juillet 2020
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juillet 2020
    Messages : 60
    Points : 57
    Points
    57
    Par défaut
    merci mais j'ai trouvé tous seul !

    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
     
    $('#slider').slider({
    		range: true,
    		min:18,
    		max:100,
    		values: [ 25, 45 ],		
    		slide: function (event, ui) {
    			outputSpan.html('entre ' + ui.values[0] + ' et ' + ui.values[1] + ' ans');
    			var v1 = ui.values[0];
    			var v2 = ui.values[1];
    			$('#age').val(v1);
    			$('#age2').val(v2);
     
    		}
     
    	 });
     
    	});

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

Discussions similaires

  1. Récupérer les valeurs d'un slider range
    Par blayan dans le forum jQuery
    Réponses: 8
    Dernier message: 23/03/2014, 10h06
  2. Réponses: 3
    Dernier message: 30/08/2013, 13h07
  3. Récupérer les valeurs d'un slider range
    Par delta6 dans le forum jQuery
    Réponses: 8
    Dernier message: 24/03/2013, 12h33
  4. Réponses: 4
    Dernier message: 31/01/2011, 14h49
  5. Réponses: 6
    Dernier message: 05/03/2010, 15h56

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