Dhtml Tutorials [Generic Drag Script]

Example: You can use this on images or text an maybe you've seen tagboards to you can move. I think this is a really nice script..(this will NOT work if you disable right click)

Insert this below the Head of your page

<style> <!-- .drag{position:relative;cursor:hand} --> </style> <script language="JavaScript1.2"> <!-- var ie=document.all var ns6=document.getElementById&&!document.all var dragapproved=false var z,x,y function move(e){ if (dragapproved){ z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y return false } } function drags(e){ if (!ie&&!ns6) return var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "HTML" : "BODY" while (firedobj.tagName!=topelement&&firedobj.className!="drag"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.className=="drag"){ dragapproved=true z=firedobj temp1=parseInt(z.style.left+0) temp2=parseInt(z.style.top+0) x=ns6? e.clientX: event.clientX y=ns6? e.clientY: event.clientY document.onmousemove=move return false } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") //--> </script>

Now after that u just have to add this tag to tha text or image you want to move..
class="drag"
ex.<img src="15.jpg" class="drag" width="158" height="138">
ex.<div class="drag"><b>Move this shit!!!</b></div>