did you solve your issue? 2012/6/17 Mir Ali <[email protected]>
> > Hi, > > I have three sliders like > *http://www.uswitch.com/mobiles/*<http://www.uswitch.com/mobiles/> under > "Find your perfect mobile deal" section. > > Once these sliders are moved I want to add those values inside the url > just like uswitch. > > Please can you let me know how this can be obtained? > > Here is my code: > > <div class="home-page-sliders"> > <h1> Find a perfect deal in seconds </h1> > > <div class="home-page-sliders-container user-select-none"> > > <?=$form->create('Tariff', > array('url'=>array('action'=>'search'),'type'=>'POST'))?> > > <div class="visible"> > <div class="deal-slider-container"> > <?=$form->input('minutes',array('id'=>'minutes'));?> > <div id="slider1" class="deal_slider"></div> > <div class="user-select-none"> > <span class="ml"> 500 </span> > <span class="mlsm"> 1000 </span> > <span class="mlsm"> 1500 </span> > <span class="mlsm"> 2000 </span> > <span> 2500 </span> > <span class="mr"> 3000+ </span> > </div> > <?=$ajax->slider('slider1', array( > 'value' => 500, > 'min' => 500, > 'max' => 3000, > 'step' => 500, > 'slide' => '$("#minutes").val(ui.value + "+");', > ))?> > <br /> > <script> > $(document).ready(function(){ > $("#minutes").val($("#slider1").slider("value")); > }) > </script> > </div> > > <div class="deal-slider-container"> > <?=$form->input('texts',array('id'=>'texts'));?> > > <div id="slider2" class="deal_slider"></div> > <div id="text-box" class="user-select-none"> > <span class="ml"> Any </span> > <span> 300 </span> > <span> 600 </span> > <span class="mr"> 1000+ </span> > </div> > <?=$ajax->slider('slider2', array( > 'value' => 0, > 'min' => 0, > 'max' => 1000, > 'step' => 300, > 'slide' => '$("#texts").val(ui.value + "+");', > ))?> > <br /> > <script> > $(document).ready(function(){ > $("#texts").val($("#slider2").slider("value")); > }) > </script> > </div> > > > <div class="deal-slider-container" style="margin-right:0px;"> > <?=$form->input('handsets',array('id'=>'handsets'));?> > > <div id="slider3" class="deal_slider"></div> > <div id="cost-box" class="user-select-none"> > <span class="ml"> Any </span> > <span> 1 </span> > <span> 5 </span> > <span> 10 </span> > <span class="mr"> 15 </span> > <span class="mr"> 20+ </span> > </div> > <?=$ajax->slider('slider3', array( > 'value' => 0, > 'min' => 1, > 'max' => 20, > 'step' => 1, > 'slide' => '$("#handsets").val(ui.value + "+");', > ))?> > <br /> > <script> > $(document).ready(function(){ > $("#handsets").val($("#slider3").slider("value")); > }) > </script> > </div> > <div class="small"> * Use the sliders above to select your requirements, > then click the submit button here. </div> > <?=$form->end('Compare Phones')?> > > </div> > </div> > </div> > > -- > Our newest site for the community: CakePHP Video Tutorials > http://tv.cakephp.org > Check out the new CakePHP Questions site http://ask.cakephp.org and help > others with their CakePHP related questions. > > > To unsubscribe from this group, send email to > [email protected] For more options, visit this group > at http://groups.google.com/group/cake-php > -- Our newest site for the community: CakePHP Video Tutorials http://tv.cakephp.org Check out the new CakePHP Questions site http://ask.cakephp.org and help others with their CakePHP related questions. To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/cake-php
