Sto implementando uno slider sulle ore e mi sta anche riuscendo benino,
l’unica cosa, se provo ad utilizzare gli eventi ‘stop’ oppure ‘change’ lo slider sparisce.
Sapete come ovviare?
Di seguito il codice:
$this->widget('zii.widgets.jui.CJuiSlider', array(
'value' => 37,
// additional javascript options for the slider plugin
'options' => array(
'min' => 0,
'max' => 1440,
'range' => 'true',
'step' => 15,
'values' => array(480,1080),
'change' => 'js:alert(\'change\');',
'stop' => 'js:alert(\'stop\');',
'slide' => 'js:function ( event, ui) {
var hours1 = Math.floor(ui.values[ 0 ] / 60);
var minutes1 = ui.values[ 0 ] - (hours1 * 60);
if(hours1.length == 1) hours1 = \'0\' + hours1;
if(minutes1.length == 1) minutes1 = \'0\' + minutes1;
if(minutes1 == \'0\') minutes1 = \'00\';
var hours2 = Math.floor(ui.values[ 1 ] / 60);
var minutes2 = ui.values[ 1 ] - (hours2 * 60);
if(hours2.length == 1) hours2 = \'0\' + hours2;
if(minutes2.length == 1) minutes2 = \'0\' + minutes2;
if(minutes2 == \'0\') minutes2 = \'00\';
$("#divdalle").html( \'dalle \' + hours1 + \':\' + minutes1 );
$("#divalle").html( \'alle \' + hours2 + \':\' + minutes2 );
}',
),
'htmlOptions' => array(
'style' => 'height:20px;'
),
));