 | ||||||||
If you require any of the following services provided by Chimo Holdings please click on the link:
|
| ||||||||||||
';
}
//Script for dragging an html element
function dragElem( elemId, event ) {
elem = document.getElementById( elemId );
if( elem )
drag( elem, event );
}
function drag( elementToDrag, event ) {
var startX = event.clientX, startY = event.clientY;
var origX = elementToDrag.offsetLeft, origY = elementToDrag.offsetTop;
var deltaX = startX - origX, deltaY = startY - origY;
if( document.addEventListener ) {
document.addEventListener( "mousemove", moveHandler, true );
document.addEventListener( "mouseup", upHandler, true );
}
else if( window.attachEvent ) {
elementToDrag.setCapture();
elementToDrag.attachEvent( "onmousemove", moveHandler );
elementToDrag.attachEvent( "onmouseup", upHandler );
elementToDrag.attachEvent( "onlosecapture", upHandler );
}
else {
var oldmovehandler = document.onmousemove;
var olduphandler = document.onmouseup;
document.onmousemove = moveHandler;
document.onmouseup = upHandler;
}
if( event.stopPropagation ) event.stopPropagation();
else event.cancelBubble = true;
if( event.preventDefault ) event.preventDefault();
else event.returnValue = false;
function moveHandler(e) {
if(!e) e = document.event;
elementToDrag.style.left = (e.clientX - deltaX) + "px";
elementToDrag.style.top = (e.clientY - deltaY) + "px";
if(e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
}
function upHandler(e) {
if(!e) e = window.event;
if( document.removeEventListener) {
document.removeEventListener( "mousemove", moveHandler, true );
document.removeEventListener( "mouseup", upHandler, true );
}
else if( document.detachEvent ) {
elementToDrag.detachEvent( "onclosecapture", upHandler );
elementToDrag.detachEvent( "onmouseup", upHandler );
elementToDrag.detachEvent( "onmousemove", moveHandler );
elementToDrag.releaseCapture();
}
else {
document.onmouseup = olduphandler;
document.onmousemove = oldmovehandler;
}
if(e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
}
}
