nicht angemeldet
Drag und Drop eines Img im IE - Lösungsansatz
Und es folget der Code, der den gräßlichen Schmerz in meinem Kopfe zu verantworten hat:
Soll eine Drag und Drop funktionalität für Imgs liefern. Geht aber anscheinend nur mit divs (zumindest in dieser Variante). Der Code stammt aus dem Tipps und Tricks link.
<html>
<head>
<title>Drag-and-Drop</title>
<script type="text/javascript">
<!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4
//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(dragobjekt != null)
{
dragobjekt.style.left = (posx - dragx) + "px";
dragobjekt.style.top = (posy - dragy) + "px";
}
}
//-->
</script>
</head>
<body onload="draginit()">
<div id="MapBlock" onmousedown="dragstart(this)" style="background-color:#FFFFFF; position:absolute; width:100%; height:100%;">
<img id=Map name="Map" src="map.PNG" width="100%" height="100%" align="middle">
</div>
</body>
</html>
-
hi,
bleibe bitte mit deiner frage in deinem thread, [pref:t=56431&m=315480] - dieser wird nicht übersehen werden, nur weil er ein wenig weiter unten steht.
gruss,
wahsaga