nicht angemeldet
Hallo :-)
Ich habe ein problem mit einem DHTML objekt, welches sich verhalten soll,
wie ein fenster: man kann es auf dem schirm mit der maus verschieben. Sowas
habe ich schon oft gesehen, es wurde jedoch immer über 'onClick' gelöst,
d.h. man klickt das teil an und es 'klebt' solange am mauszeiger fest, bis
man wieder klickt. Ich möchte aber richtiges drag&drop implementieren und
habe deshalb mit 'onMousedown' / 'onMouseup' gearbeitet, welche meiner
meinung nach nicht richtig funktionieren. Oder stimmt was mit meinem source
(siehe weiter unten) nicht? Wenn die beiden handler wirklich bugs haben,
wie kann man die umgehen?
Wer kann mir weiterhelfen? Hat jemand vielleicht ähnliche erfahrungen mit
diesem thema gemacht?
Für Eure hilfe wäre ich sehr dankbar...
ps: zur info: im source wird bislang nur der IE4 part abgehandelt, also
nicht wundern...
danke...
/*,*/
Wowbagger
-----
=8 ------------------------------------------------------------------------
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language=JavaScript" type="text/javascript"><!--
var check= 0, zmax= 1, oxmax= 250, oymax= 150;
--></script>
<script language="JScript"><!--
function ie_drag_start()
{
check=1;
}
function ie_drag_stop()
{
check=0;
}
function ie_drag()
{
window.status= check;
if (window.event.srcElement.id=="objekt1" && check==1)
{
document.all.objekt1.style.zIndex= zmax; zmax+=1;
document.all.objekt1.style.left= window.event.x - (oxmax/2);
document.all.objekt1.style.top= window.event.y - (oymax/2);
}
}
--></script>
<script for="document" Event="onmousedown()"
language="JScript">ie_drag_start();</script>
<script for="document" Event="onmouseup()"
language="JScript"><ie_drag_stop();</script>
<script for="document" Event="onmousemove()"
language="JScript">ie_drag();;</script>
<title>DHTML - demo</title>
</head>
<body>
<span id="objekt1" style="position:absolute; top:20px; left:30px;
width:250px; height:150px; background-color:#c0c0c0; color:#ffffff;
font-family:Arial; font-size:9pt; font-weight:bold; padding:5px;">
<hr width="100%" size="3" color="white">
Das ist nur ein kleines Test-Fenster.<br>
<img src="../images/but_up.gif" height="40" width="46">
</span>
</body>
</html>
-----
=8 ------------------------------------------------------------------------
----------