Javascript-форум - Показать сообщение отдельно

#1 (**permalink**) 24.07.2008, 08:38

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) перемещался по принципу "зажал клавишу,переместил,отжал" и перемещение шло только когда зажата левая кнопка мыши?