/**************************************************************
Dragable layer creator
By Mark Wilton-Jones 14/10/2002
v1.0.2 updated 21/07/2005 for mouseup-over-chrome click-release
***************************************************************
Please see http://www.howtocreate.co.uk/jslibs/ for details and a demo of this script
Please see http://www.howtocreate.co.uk/jslibs/termsOfUse.html for terms of use
To use:
Inbetween the tags, put:
To create a dragable layer put:
// modification: added
function stopDrag(e) {
if( !e ) { e = window.event; } //non-standard (IE)
if( e.stopPropagation ) { e.stopPropagation(); } //standards
e.cancelBubble = true; //IE compatible
}
___________________________________________________________________________________________*/
var stopMove = false; // added to force STOP
function createDragableLayer(layerContent,leftPos,topPos,layerWidth,layerHeight,layerBG) {
if( document.layers ) {
document.write( ''+layerContent+'' );
} else {
document.write( ''+layerContent+'
' );
}
}
function dragMousePos(e) {
//get the position of the mouse
if( !e ) { e = window.event; } if( !e || ( typeof( e.pageX ) != 'number' && typeof( e.clientX ) != 'number' ) ) { return [0,0]; }
if( typeof( e.pageX ) == 'number' ) { var xcoord = e.pageX; var ycoord = e.pageY; } else {
var xcoord = e.clientX; var ycoord = e.clientY;
if( !( ( window.navigator.userAgent.indexOf( 'Opera' ) + 1 ) || ( window.ScriptEngine && ScriptEngine().indexOf( 'InScript' ) + 1 ) || window.navigator.vendor == 'KDE' ) ) {
if( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) ) {
xcoord += document.documentElement.scrollLeft; ycoord += document.documentElement.scrollTop;
} else if( document.body && ( document.body.scrollTop || document.body.scrollLeft ) ) {
xcoord += document.body.scrollLeft; ycoord += document.body.scrollTop; } } }
return [xcoord,ycoord];
}
function dragIsDown(e) {
if (stopMove) return false; // added
if( ( e && ( e.which > 1 || e.button > 1 ) ) || ( window.event && ( window.event.which > 1 || window.event.button > 1 ) ) ) {
return false;
}
if( document.onmouseup == dragIsMove ) {
document.onmousemove = storeMOUSEMOVE;
document.onmouseup = window.storeMOUSEUP;
} //mouseup was over chrome
window.msStartCoord = dragMousePos(e);
window.lyStartCoord = this.style?[parseInt(this.style.left),parseInt(this.style.top)]:[parseInt(this.left),parseInt(this.top)];
if( document.captureEvents && Event.MOUSEMOVE ) {
document.captureEvents(Event.MOUSEMOVE);
document.captureEvents(Event.MOUSEUP);
}
window.storeMOUSEMOVE = document.onmousemove;
window.storeMOUSEUP = document.onmouseup;
window.storeLayer = this;
document.onmousemove = dragIsMove;
document.onmouseup = dragIsMove;
return false;
}
function dragIsMove(e) {
//move the layer to its newest position
var msMvCo = dragMousePos(e);
if( !e ) {
e = window.event ? window.event : ( new Object() );
}
var newX = window.lyStartCoord[0] + ( msMvCo[0] - window.msStartCoord[0] );
var newY = window.lyStartCoord[1] + ( msMvCo[1] - window.msStartCoord[1] );
if( e.type && e.type.toLowerCase() == 'mouseup' ) {
document.onmousemove = storeMOUSEMOVE;
document.onmouseup = window.storeMOUSEUP;
}
if( navigator.product == 'Gecko' ) {
window.setTimeout('dragIsMove2('+newX+','+newY+');',1);
} else {
dragIsMove2(newX,newY);
}
}
function dragIsMove2(x,y) {
var oPix = ( document.childNodes ? 'px' : 0 );
theLayer = ( window.storeLayer.style ? window.storeLayer.style : window.storeLayer );
theLayer.left = x + oPix;
theLayer.top = y + oPix;
}
function stopDrag(e) {
if( !e ) { e = window.event; } //non-standard (IE)
if( e.stopPropagation ) { e.stopPropagation(); } //standards
e.cancelBubble = true; //IE compatible
}