Hello,
can anybody provide help how to retrive data from slider from javascript back to php file. I have defined rangleslider in php renderForm() and in javascript file but how to retrive slider value to php variable when submit button is pressed?
Thank you!
'type' => 'rangeslider', 'label' => $this->l('Font size:'), 'name' => 'MPHI_TITLE_RANGE', 'min' => 10, 'max' => 50, 'step' => 1, 'value' => 30
{extends file="helpers/form/form.tpl"} {block name="field"} {if $input.type == 'rangeslider'} <div class="slajder"> <div id="slider-range" class="slajder-range"></div> <div class="title-font-slider"> <p> <input type="text" id="amount" readonly style="background:#ffffff; border-style: none; font-weight:bold;"> </p> </div> </div> <script type="text/javascript"> {literal} $( function() { var value = {/literal}{$input.value|intval}{literal}; console.log(value); $( "#slider-range" ).slider({ range: true, min: {/literal}{$input.min|intval}{literal}, max: {/literal}{$input.max|intval}{literal}, step: {/literal}{$input.step|intval}{literal}, slide: function( event, ui ) { /* $( "#amount" ).val(ui.values[ 0 ] + " px - " + ui.values[ 1 ] + " px");*/ $( "#amount" ).val(ui.values[ 1 ] + " px"); } }); /* $( "#amount" ).val($( "#slider-range" ).slider( "values", 0 ) + " px - " + $( "#slider-range" ).slider( "values", 1 ) + " px" ); */ $( "#slider-range" ).slider( "values",1,value); $( "#amount" ).val($( "#slider-range" ).slider( "values", 1) + " px" ); }); {/literal} </script> {else} {$smarty.block.parent} {/if} {/block}