all credit goes to walker1977, this small code allows each user as they wish, to move there blocks around on site, yep thats right, you can simply click on block title and move it where you like hahaha pretty neat.
Code:
this goes befor the begin_block
<html>
<head>
<script language="JavaScript">
<!--
function $(v) { return(document.getElementById(v)); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY)agent('msie')?event.clientX+document.body.scrollTop:e.pageX)); }
function dragOBJ(d,e) {
function drag(e) { if(!stop) { d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); } }
var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
document.onmousemove=drag; document.onmouseup=function(){ stop=1; document.onmousemove=''; document.onmouseup=''; };
}
//-->
</script>
</head>
<body>
<div style="position: relative; top: 0; left: 0" onmousedown="dragOBJ(this,event); return false;">
this after the end_block part
Code:
</div>
</body>
</html>