JQuery UI Slider numéro

<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="http://localhost/test/styles/jquery/ui/skins/redmond/jquery-ui-1.7.2.custom.css" media="screen" rel="stylesheet" type="text/css" /> 

    <style type="text/css"> 
     #demo-frame > div.demo { padding: 10px !important; }; 
    </style> 

    <script type="text/javascript"> 
     $(function() { 
     $(".slider-range").slider({ 
      range: true, 
      min: 0, 
      max: 24 

     }); 
     }); 
    </script> 

</head> 
<body> 

    <div class="demo"> 
     <p> 
      <label for="amount">Time range:</label> 
      <input type="text" id="amount1" style="border:0; color:#f6931f; font-weight:bold;" value="" /> 
      <input type="text" id="amount2" style="border:0; color:#f6931f; font-weight:bold;" value="" /> 
      <input type="text" id="amount3" style="border:0; color:#f6931f; font-weight:bold;" value="" /> 
     </p> 

     <div id="slider-range1" class="slider-range"></div> 
     <div id="slider-range2" class="slider-range"></div> 
     <div id="slider-range3" class="slider-range"></div> 

    </div> 

     <script type="text/javascript"> 
     <?php for ($i=1; $i<=3;$i++) { ?> 
      $("#slider-range" + <?php =$i?>).slider('values' : [5 , 20]) 
     <?php } ?> 
     </script> 
</body> 
</html>

Je ai ci-dessus le code mais il n'est pas le point à 5 et 20 aussi la plage est modifiée de 0-24 à 0-100 .. S'il vous plaît aidez-moi à résoudre ce problème ... au lieu de 5 et 20 .. ma valeur provenant de databasse ....JQuery UI Slider numéro

Cordialement Nisanth

Source

2010-01-22 Nisanth Kumar

juste essayer

$("#slide1").slider('values', 0, 10); 
$("#slide1").slider('values', 1, 20);

espoir qui va aider :)

Source

2010-01-22 12:54:19 viMaL

d'abord, vous devez le bon code droit :)

Terminez toujours une ligne javascript avec;
Lisez la documentation! :-)

vous utilisez

curseur ('valeurs': [5, 20])

et il devrait être

curseur ({valeurs : [5, 20]})

Source

2010-01-22 07:55:36 balexandre

Cela fonctionne très bien, mais la gamme a changé 0-24 à 0-100 .... aussi le css est manquant entre le à la gamme ... :( –

pour cette réponse, je ne pense pas que vous compreniez complètement le slidder! – balexandre

oui .. im nouveau à ceci .. mais je dois mettre en application la gamme d'heure de la base de données ... si vous ne me dérangez pas s'il vous plaît donnez-moi un code d'échantillon .. merci à l'avance –

Je n'ai pas nous ed le curseur, mais voir si cela aide:

$(".selector").slider({ min: 5, max: 20 });

Source

2010-01-22 08:09:16 Fenton

JQuery UI Slider numéro

Répondre

Questions connexes