Не работает скрипт с 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>
Что делать? |