Показать сообщение отдельно
  #1 (permalink)  
Старый 13.12.2012, 23:38
Аспирант
Отправить личное сообщение для shtopor Посмотреть профиль Найти все сообщения от shtopor
 
Регистрация: 02.05.2010
Сообщений: 68

Не работает скрипт с html 5
Здравствуйте. Для экономии времени я взял из сети простенький код для drag and drop. Но он отказывается работать с html 5. Точнее он перестает работать когда я указываю доктайп "<!DOCTYPE html>". Вот код:
<div style="position:relative; width:450px; height:125px; cursor:pointer">
 
<img src="bear.jpg" style="position:absolute; left:15px; top:10px"
onmousedown="Move(this)">
 
<div style="position:absolute; left:190px; top:10px; width:170px; 
border: 1px solid; padding:5; text-align:left; background-color:white" 
onmousedown="Move(this)">
Этот компонент имеет постоянный размер.
</div>
 
<div style="position:absolute; left:380px; top:10px" onmousedown="Move(this)">
Этот компонент не имеет постоянный размер.
</div>

</div>

 
<script type="text/javascript">
var SelectedItem;
var SelectedX, SelectedY;
var MouseX, MouseY;
 
function Move(ClickedItem)
{
SelectedItem = ClickedItem;
SelectedX = SelectedItem.style.pixelLeft;
SelectedY = SelectedItem.style.pixelTop;
MouseX = event.clientX;
MouseY = event.clientY;
document.onmousemove = Drag;
document.onmouseup = Drop;
}
 
 
function Drag()
{
SelectedItem.style.left = SelectedX + (event.clientX - MouseX);
SelectedItem.style.top = SelectedY + (event.clientY - MouseY);
return false;
}
 
function Drop()
{
document.onmousemove = null;
document.onmouseup = null;
}
 
</script>

Что делать?
Ответить с цитированием