hi - vorerst danke fuer die raschen vorschlaege,
ich habe folgenden code, wo das leider nicht funktioniert - hab ich von irgendeiner homepage. das ganze habe ich in eine .js-datei geschrieben und dann in der html-seite includiert (<script src="js/drag.js"></script>)
irgendwo in der html-seite steht das objekt, wo ich das onMouseOver-Event habe. Leider passiert dieses Event nicht, wenn wenn ich mit gedrückter maustaste darueberfahre.
.
.
.
<td style="font-size:18pt" onmouseover="this.style.backgroundColor='Yellow'">Selected Item</td>
.
.
.
--> da habe ich deinen Vorschlag eingebaut.
var dragapproved=false;
var z,x,y;
document.onmousedown=drags;
document.onmouseup=drop;
function drags()
{
if (!document.all)
return
if (event.srcElement.className=="drag")
{
dragapproved=true
z=event.srcElement
z.top = event.y+20; // dein vorschlag
z.left = event.x + 20; // dein vorschlag
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
function move()
{
if (event.button==1&&dragapproved)
{
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drop()
{
dragapproved=false;
if(z!=null)
{
z.style.pixelLeft=temp1;
z.style.pixelTop=temp2;
}
}
in meiner HTML-Seite includiere ich diese .js-datei.
die onMouseOver-Events funktionieren leider bei drag u drop
dann immer noch nicht.
was mache ich hier falsch????
nochmals danke
mfg, chris
function drag()
{
...
element.top = event.y+5;
element.left = event.x + 5;
}