Показать сообщение отдельно
  #1 (permalink)  
Старый 31.05.2010, 19:42
Любитель
Отправить личное сообщение для JsLoveR Посмотреть профиль Найти все сообщения от JsLoveR
 
Регистрация: 16.12.2009
Сообщений: 422

Drag&Drop объекта
Всем привет!
Есть небольшая проблемка перетаскивания объекта в мозилле.
Мозилла воспринимает div, который перетаскивается, как картинку, чтоли и из-за этого див прилипает к курсору, посмотрите сами, плз. В то время как другие браузеры исполняют скрипт как надо. До этого драгом и дропом не интересовался.
var changePosition=null,offX=null,offY=null;
function elemPhysics()
{
	this.move=function a(id,event)
	{
		if(changePosition)
		{
			changePosition=document.getElementById(id);
			var x=event.clientX-offX;
			var y=event.clientY-offY;
			changePosition.style.left=x+"px";
			changePosition.style.top=y+"px";
		}
	}
	this.release=function b()
	{
		changePosition=null;
	}
	this.capture=function c(event)
	{
		offX=event.offsetX || event.layerX;
		offY=event.offsetY || event.layerY;
		if(!changePosition)
		{
			changePosition=document.getElementById("el");
			
		}
	}
}
var element=new elemPhysics();

<body onmousemove="element.move('el',event)">
<div  onmouseup="element.release()" onmousedown="element.capture(event)"  id="el" style="width:300px; height:200px; position:absolute; border:1px solid #000000; background-color:#996600;" ></div>
</body>
Ответить с цитированием