накопал вот такой вот скриптик по перетаскиванию картинки..
но почемуто переделать его под свою табличку не выходит
<script language="JavaScript">
var ns6=(document.getElementById&&!document.all);
var ie=(document.all);
var n="";
var y=null;
var x=null;
var z=null;
var w=null;
if (ns6){window.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); document.releaseEvents(Event.MOUSEMOVE);}
if (ie||document.getElementById){document.onmousedown=down;document.onmouseup=up}
function move(e){
if (ns6 && z){z.top=parseInt(e.clientY)-y;z.left=parseInt(e.clientX)-x}
if (ie && z){z.style.posLeft=window.event.clientX-x;z.style.posTop=window.event.clientY-y}
return false;
}
function up(e){
if (ie||ns6)document.onmousemove=null;
z=null;
}
function down(e){
if (ie && window.event.getElementById.parentElement){
if (window.event.srcElement.parentElement.id.indexOf("vjt-table") != -1){
document.onmousemove=move;
z=window.event.srcElement.parentElement;
y=window.event.offsetY;
x=window.event.offsetX;
w=window.event.srcElement.parentElement.id.charAt(window.event.srcElement.parentElement.id.length-1);
window.event.srcElement.parentElement.style.zIndex=n++;
}
}
if (ns6){
if (e.target.parentNode.id.indexOf("vjt-table") != -1){
document.onmousemove=move;
z=e.target.parentNode.style;
x=e.clientX - parseInt(z.left);
y=e.clientY - parseInt(z.top);
w=e.target.parentNode.id.charAt(e.target.parentNode.id.length-1);
z.zIndex=n++;
}
}
return false;
}
</script>
<div id="vjt-table" style="position:absolute;top:300px;left:500px;cursor:move">
<img src="p1.gif" name="0">
</div>
дело в том что немогу сделать так чтоб таскаемый элемент определяло по идшнику а не по src уже чё только не перепробовал.. ничё не получается.. может подскажите хотябы в каком направлении копать