Java script drug & drop
Есть такая задача написать ползунок при перемещении которого по игреку менялось положение картинки тоже по игреку.
Вот такие у меня наработки :
<HTML>
<HEAD></HEAD>
<body id = "mybody">
<IMG id="img1" SRC="21.jpg" BORDER="" ALT="" style = "position:absolute;top:50; left:270;">
<DIV style = "position:absolute; top:30; left:270;background:#ccc; height:50;width:500;"></DIV>
<DIV style = "position:absolute;background:#ccc; height:50;width:500;top:480; left:270;"></DIV>
<IMG ID="myimg" SRC = 'img/lines/toddler.gif' ondragstart = "drag()" onMouseOut="document.all.myimg.src='img/lines/toddler.gif'" onMouseOver="document.all.myimg.src='img/lines/toddlerGold.gif'" style = "position:absolute; top:10; left:220;" >
</body>
<SCRIPT>
var al
flag = false // нельзя перемещать
var id_img = ""
function reg() {
window.captureEvents(Event.MOUSEUP);
document.all.myimg.onMouseUp = alert('некн');
}
function drag() {
flag = true //mag
id_img = event.srcElement.id
}
function mybody.onmousemove(){
if (flag){ // если можно перемещать
if (event.clientY > 760)
{
drag()
}
else
{
//window.captureEvents(Event.MOUSEup);
//window.onMOUSEup = alert("ffg");
document.all.myimg.style.top = event.clientY
document.all.img1.style.top = event.clientY - 200
}
////summ=event.clientY
//document.all.id_2.value=summ
//document.all.myimg.style.left = event.clientX
}
}
function mybody.onmouseup(){
flag = false // нельзя перемещать
}
</SCRIPT>
</HTML>
Как из этого всего этого сделать так чтобы ползунок(img/lines/toddler.gif) перемещался по принципу "зажал клавишу,переместил,отжал" и перемещение шло только когда зажата левая кнопка мыши?
