nicht angemeldet
Guten abend,
ich rätsel jetzt schon seit Stunden an folgendem Problem und habe weder hier im Forum, noch sonstwo im Archiv Hilfe gefunden:
Ich kann via JS mein Hintergrundbild aus einer Funktion heraus nicht ändern. - das absurde ist, dass es beim ersten Mal funktioniert, danach aber nicht mehr.
Folgender Kontext ist gegeben: Das ganze ist ein Drag&Drop-System, die zu bewegenden Objekte sehen so aus:
<div onmousedown="activedrag= new Array;activedrag["id"]="42";activedrag["slot"]="4";activedrag["img"]="000";activedrag["info"]="";drag();" class="item" id="item42" style="position: inherit;">Aufschrift</div>
Der Container, auf dem das Objekt platziert werden soll wie folgt:
<div id="slot004" class="slot004" onmouseover="if(activedrag){activeslot='slot004';}" onmouseout="activeslot='';" onmousedown="dragaway('slot004','4');"></div>
die Funktion drag() funktioniert wunderbar, ruft beim droppen die Funktion drop() auf und setzt das Hintergrundbild von "slot004" auf activedrag["img"]+".png".
Bis hierhin funktioniert alles wunderbar; Nun kommt jedoch meine Funktion dragaway() ins Spiel, wenn ich "item42" wieder wegziehen möchte. Sie weist dem Array activedrag wieder die richtigen Werte zu, das hab ich schon mehr als einmal überprüft, setzt das hintergrundbild von "slot004" wieder auf das Standard zurück und führt die Funktion drag() wieder aus. Droppe ich "item42" jetzt allerdings wieder auf "slot004", ohne es zwischendurch einmal abgelegt zu haben, wird das Hintergrundbild nicht wieder geändert.
Nehme ich mir die aktuellen variablen und setze das Hintergrundbild manuell über die Konsole, funktioniert es.
Kann das daran liegen, dass vor dem zweiten Drop das Hintergrundbild mit dragaway() schon einmal geändert wurde? Außer dem Hintergrundwechsel wird alles normal weiter ausgeführt.
Danke im Vorraus
MudGuard