Re: Adding form posted data into URL

did you solve your issue?

2012/6/17 Mir Ali <miradnanali@gmail.com>

Hi,

I have three sliders like 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
cake-php+unsubscribe@googlegroups.com 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
cake-php+unsubscribe@googlegroups.com For more options, visit this group at http://groups.google.com/group/cake-php