How to change the handler position by dragging/single click on the slider
- by Geetha
Hi All,
I am using the following files to create a slider.
Problem:Needs double click to change the handler position
first click: it move the handler but the following code is not working. a second later it return back to the previous position.
second click on the handler in new position, before it moves back the following code is working.
Needs:
I want change the media player current position with the handler current position value by dragging the handler or single click on the new position of the slider.
Ex:
initial position of the handler:
l--------------------------------
document.mediaPlayer.currentPosition = 0
After dragging it some other position
----------------------l----------
document.mediaPlayer.currentPosition = 125
Code:
var endTime = document.mediaPlayer.SelectionEnd;
$("#slider-constraints").slider({
animate: true,
max: endTime,
range: $R(0, endTime),
value: 1,
enforceConstraints: false,
start:function(event,index){document.mediaPlayer.currentPosition=index.value; $('#slider-constraints').slider("constraints", [0, index.value]); $('#slider-constraints').slider("value", index.value);}
});
window.setInterval(function() {
$('#slider-constraints').slider("value", document.mediaPlayer.currentPosition);
}, 4000);
