Показать сообщение отдельно
  #1 (permalink)  
Старый 22.02.2010, 11:23
Интересующийся
Отправить личное сообщение для mikeles Посмотреть профиль Найти все сообщения от mikeles
 
Регистрация: 22.10.2009
Сообщений: 20

drag & drop в GECKO и OPERA
Если такое было то просьба указать ссылку и удалить тему.Искал но не нашел точного ответа.
Собственно проблема такая: в ИЕ работает все хорошо - перетаскивание, изменение размера окна.В опере только перетаскивание, а в chrome, konqueror, mozilla не работает вообще.
Объект event определяется, координаты определяются:

function m_d(event)
{
if (!event) event = window.event;
		var target = event.target ? event.target : event.srcElement;	
	bd = target.id
alert(bd)
parent = d.getElementById(bd)
	p= getPosition(parent)
   Offset =
      {
         x : event.clientX -  p.x,
         y : event.clientY -  p.y                                
       }

}

А движения никакого не идет. Только в ИЕ.

function m_m()
{
	if(bd!="")
	{
		parent.style.left =event.clientX - mouseOffset.x
        parent.style.top = event.clientY - mouseOffset.y
	}
	    event.canselBubble=true;
        event.returnValue=false;
		
}
function m_u()
{
	
	bd = ""
		
}

Определяем координаты курсора относительна объекта
function getPosition(e)
{
        var left = 0
        var top  = 0

        while (e.offsetParent)
        {
                left += e.offsetLeft
                top  += e.offsetTop
                e        = e.offsetParent
        }
        

        left += e.offsetLeft
        top  += e.offsetTop

        return {x:left, y:top}
}

<body id="main" onmousedown="m_d();"  onmousemove="m_m();" onmouseup="m_u();" >

<div id="child_main" style="position:absolute;left:0px;top:30px;" >111111111111111</div>

<div id="info" style="position:absolute;left:300px;top:100px" >22222222222</div>

Кто может подсказать, какой обработчик использовать?или тут с CSS проблема?
Ответить с цитированием