|
Layer, Drag & Drop und sonstige Katastrophen
Hallo TP-Forum-Leutz, ich fühle mich hier in guten Händen, sodass ich glaube, dass ich hier meine Probleme durchaus vortragen kann! Es ist eigentlich wohl sehr einfach, doch irgendwie auch wieder nicht...
Ich bastel derzeit an einem Online-Spiel und benötige hierzu jede Menge Drag & Drop Layer, die in jedem Browser auch schon wunderbar funktionieren. Soll heißen, dass ich die Teile sowohl mit IE, NS, FF oder wie die alle heißen, verschieben kann.
Mir geht es daher auch eher um ein anderes Problem... also keine Angst... obiges Thema ist schon durch. ;)
Ich habe nun folgende Zeilen: (verkürzt)
<script>
function goBack (xPos, yPos) {
if (document.layers) {
d1.left = movetoAbsolute(xPos);;
d1.top = movetoAbsolute(yPos);
}
else if (document.all) { // IE
d1.style.posLeft = xPos;
d1.style.posTop = yPos;
}
else if (document.getElementById) {
// FF & NS7+
var x = parseInt(xPos);
var y = parseInt(yPos);
document.d1.style.left = xPos + 'px';
document.d1.style.top = yPos + 'px';
}
}
</script>
<div id="d1" class="draggableElement">
<a href="javascript://" onDblClick="goBack(300,10)"><img name="a" src="images/player.gif" border="0" alt="a"></a>
</div>
Es soll bewirken, dass bei Doppelklick dieses Image auf eine Startpos zurückgesetzt wird... nämlich x:300 und y:10 (später beliebig). Mit dem IE funktioniert das leider wunderbar... die Quittung kommt nun bei den anderen Browsern; primär FF und NS. Nun habe ich schon einiges ausprobiert... moveTo, pageX bzw. pageY... irgendwie will der da nicht wieder zurück, wo er mal hergekommen ist.
Zur Info: Dass man gem. W3C nicht mehr mit document.all arbeiten soll, ist mir bewusst! ;)
Wer kann mir also verraten, wie der letzte "else if"-Zweig aussehen muß, um das gewünschte Resultat zu erzielen??
Wäre super prima klasse von Euch...
... werde jetzt auch erstmal sehen, wo ich hier noch was beantworten kann.
Auf bald.
__________________
Das Biest erblickte das Anlitz der Schönheit... seine Hand erstarrte... und von diesem Tage an war es dem Tode geweiht!
|