vue Jquery range ui
Kommunauty
Connexion
Inscription

Forum Programmation Jquery range ui

Jquery range ui


Furiol Messages : 50

Bonsoir à tous,

voila j'ai un script jquery permettant de faire un slider prix :

<span id="rangeval">0 - 100</span>

<div id="rangeslider"></div>


<script type="text/javascript">
$(function(){
  $('#rangeslider').slider({
    range: true,
    min: 0,
    max: 400,
    values: [ 0, 300 ],
    slide: function( event, ui ) {
      $('#rangeval').html(ui.values[0]+" - "+ui.values[1]);
    }
  });
});
</script>

tout fonctionne correctement mais n’étant pas input habituel je suis un peu embêter pour réussir a enregistrer ses valeurs (min-max) dans 2 inputs différents.

Je pense quand utilisant un input hidden qui enregistre la valeur min et max cela pourrait fonctionner mais j'ai du mal 

    
<input type="hidden" id="rangeslider" name="min" value="(réussir à enregistrer la valeur min surement avec du js)" />
<input type="hidden" id="rangeslider" name="max" value="(réussir à enregistrer la valeur max surement avec du js)" />

Pouvez vous m'aider s'il vous plait

Cordialement
lundi 9 septembre 2013

Furiol Messages : 50

c'est bon j'ai réussie, je poste le code pour ceux qui seraient intéresser 

  
<div id="rangeslider"></div>
	  
     


<script type="text/javascript">
$(function(){
  $('#rangeslider').slider({
    range: true,
    min: 0,
    max: 400,
    values: [ 0, 100 ],
    slide: function( event, ui ) {
      $('#rangeval').html(ui.values[0]+" - "+ui.values[1]);


$('#param_min').val(ui.values[0]);
$('#param_max').val(ui.values[1]);


    }
				
  });
});






</script>

 <input type="hidden" id="param_min" name="param_min" value="0" />
 <input type="hidden" id="param_max" name="param_max" value="100" />

Bonne soirée
lundi 9 septembre 2013 (Dernière édition lundi 9 septembre 2013)

Répondre Pour répondre, tu dois d'abord t'inscrire rapidement sur Kommunauty. Rejoins-nous vite !

Forum Programmation Jquery range ui

Kommunauty © Tous droits réservés Contact / Charte & Mentions légales / Hebergement gratuit / Bon plan hébergement / Aide B2i

RSS