001:
002:
003:
004:
005:
006:
007:
008:
009:
010:
011:
012:
013:
014:
015:
016:
017:
018:
019:
020:
021:
022:
023:
024:
025:
026:
027:
028:
029:
030:
031:
032:
033:
034:
035:
036:
037:
038:
039:
040:
041:
042:
043:
044:
045:
046:
047:
048:
049:
050:
051:
052:
053:
054:
055:
|
/* -------------------------------------------------------------------------------------------
Die Funktion ermöglicht das Verschieben eines DIV's
------------------------------------------------------------------------------------------- */
var dname="";
var moveit=false;
function mousemove(e){
if (!e) e=window.event;
if(e) {msg_x=e.pageX?e.pageX:e.clientX?e.clientX:0; msg_y=e.pageY?e.pageY:e.clientY?e.clientY:0;}
else if(event) {msg_x=event.clientX; msg_y=event.clientY;}
// msg_x,msgY evtl om offset des div reduzieren
if(moveit==true && dname.length > 1) {
/* Achtung Cursor muss sich beim IE auch nach dem Verschieben im Div befinden, sonst wird mouseup nicht erkannt. */
document.getElementById(dname).style.top=msg_y-10;
document.getElementById(dname).style.left=msg_x-5;
}
window.status="name="+dname+": x="+msg_x+" y="+msg_y;
}
function moveMe(ID){
dname=ID;
moveit=true;
}
function stopMe(){
// attrib(document.getElementById(dname));
alert(dname);
moveit=false;
dname="";
}
var ns4=(document.layers)?true:false;
document.onmousemove = mousemove;
if(ns4&&document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
var msg_x=0;
var msg_y=0;
/* -----------------------------------------------------------------------------------------------
und so wird das DIV in der HTML-Datei definiert
-----------------------------------------------------------------------------------------------
<div id="bla" style="cursor:move; position:absolute; left: 220px; top:310px;
background-color: #FCFFCE; width: 100px; height: 150px; padding: 5px;
border: solid 1px blue; z-index: 2;"
onmouseup="stopMe();" onmousedown="moveMe('bla');" >
move me away<br>
warum wird Text selektiert
</div>
*/
|
