layer mit Gif macht probleme
Gernot
- dhtml
0 Joachim
Hi Leute,
folgendes Problem:
Ich hab ein Schieberegler fürs neue DOM gemacht.
Der zu bewegende Layer funktioniert einwandfrei, wenn er keine Grafik eingebunden hat. Binde ich in den Layer allerdings eine Grafik ein bekommen Browser wie Mozilla/ NN6.2 Probleme.
Bei schneller Bewegung des Objekts scheinen sie nicht nach zu kommen und ignorieren mein mouseup-Event.
Opera 6.05 hat dieses Problem nicht.
Hier mein Quekllcode:
---------
<html>
<head>
<title>Drag-and-Drop</title>
<script type="text/javascript">
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;
// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;
// Mausposition
var posx = 0;
var posy = 0;
function draginit() {
// Initialisierung der Überwachung der Events
document.onmousemove = drag;
document.onmouseup = dragstop;
}
function dragstart(element) {
//Wird aufgerufen, wenn ein Objekt bewegt werden soll.
dragobjekt = element;
dragx = posx - dragobjekt.offsetLeft;
dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
//Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
dragobjekt=null;
}
function drag(ereignis) {
//Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.
posx = document.all ? window.event.clientX : ereignis.pageX;
posy = document.all ? window.event.clientY : ereignis.pageY;
if (posx<45) posx=48;
if (posx>525) posx=525;
if(dragobjekt != null) {
dragobjekt.style.left = (posx - dragx) + "px";
}
}
//-->
</script>
</head>
<body bgcolor="#87cefa" onload="draginit()">
<div style="position:absolute; left:50; top:420; height:44px;width:480px;background:#FF0000"></div>
<div onmousedown="dragstart(this)" id="kreu2" style="position:absolute; left:280; top:430;width:22px; height:22px;"><img src="kreuz2.gif" width=22 height=22 border=0></font></div>
</body>
</html>
---
Was kann ich machen um das Problem zu lösen?????
Grüße
Gernot
Hi,
schau Dir der Einfachheit halber mal das Drag & Drop Skript auf dieser Kinderseite an:
http://anna.wendenburg.de/stefanie.html
Das jeweilige Hochsetzen des z-index wirst Du vermutlich nicht benoetigen, kannst Du also ignorieren.
Gruesse Joachim