<html>
<head>
<script type="text/javascript">
//------------------------------------------------ ----------
/ /
/ / Function drag & drop
/ /
//------------------------------------------------ ----------
var drag;
var resizing;
var dragfromdive;
var controlx;
var controly;
drag function (object) (
dragfromdive = document.getElementById (object);
controlx = event.x + document.body.scrollLeft - dragfromdive.offsetLeft;
controly = event.y + document.body.scrollTop - dragfromdive.offsetTop;
dragfromdive.style.zIndex = 1999;
drag = true
function drop () (
if (drag == true)
(
dragfromdive.style.zIndex = 0;
drag = false;
dragfromdive = "";
offset = 0;
)
)
function move ()
(If (drag == true)
(
dragfromdive.style.left = (event.x + document.body.scrollLeft) - controlx;
dragfromdive.style.top = (document.body.scrollTop + event.y) - controly;
)
)
</ script>
</ head>
<body onmouseup="drop()" onmousemove="move()">
<div id="divtest01" onmousedown="drag('divtest01')" style="position:absolute;">
<table bgcolor="red" width=45px height=45px>
<tr> <td> </ td> </ tr>
</ table>
</ div>
</ body>
</ html>
Bookmarks