Also to note....
i don't think you can have values like you have in your <select> by
changed by a slider...
10,20, 21, 30, 40
how is someone supposed to choose "21"? if the slider increment was
set for increments of 10, then 10, 20, 30 and 40 are taken care of if
the slider is setup properly... but if you set the increment to 1 so
you could go from 20 to 21, then you create major issues because you
don't have values for 11, 12, 13, 32, 38, etc etc
Take a step back:
Exactly what are you trying to accomplish? You want your user to use
the slider to: ____________
- select a value between 10 to 40?
- select a value from the choices of 10, 20, 30, 40?
- something else?
On Jan 21, 5:20 pm, Mircea <i...@amsterdamsat.com> wrote:
> I've changed my markup to:
>
> <div id="ariaslider">
> <form action="#">
> <!-- Slider -->
> <fieldset>
> <select name="sizer" id="speed">
> <option value="10">10</option>
> <option value="20">20</option>
> <option value="21"
> selected="selected">21</option>
> <option value="30">30</option>
> <option value="40">40</option>
> </select>
> </fieldset>
> </form>
> </div>
>
> and code to:
>
> <script type="text/javascript">
> $(function(){
> //demo 1
> var abc = $('select#sizer').selectToUISlider().next();
> var setfontsize = $('#sizer :selected').text();
>
> $('#ariaslider').slider({change: function(event, ui) {
> $('.cica').css("font-size", setfontsize +
> "px");}});
>
> $('#ariaslider').bind('slidechange', function(event,
> ui) {
> $('.cica').css("font-size", setfontsize +
> "px");
>
> });
> });
>
> </script>
>
> I am not quite sure of what it does, I am trying to get more info on
> how bind works... It now change the first size and then it blocks.
> Thank you for your help.
