Rudi Diesel: Position einer Ebene über Variablen abfragen und steuern

SELF-Forum

Position einer Ebene über Variablen abfragen und steuern

Rudi Diesel Homepage des Autors
– Informationen zu den Bewertungsregeln

Liebe Profis!

Wie kann ich die Position einer Ebene über Variablen abfragen und steuern?

Ich habe folgendes Problem: In meiner Anwendung soll der user ein Bild in einer Ebene  (Beispiel siehe unten) über den Bildschirm in eine bestimmte Position ziehen. Ich möchte:
1. die Position der Ebene abfragen, d.h. in eine JavaScript-Variable eingeben – etwa mach dem Motto 'wurde die Ebene an die richtige Stellen geschoben?'.
2. die Ebene über die JS-Variable an eine bestimmte Position bewegen.

Meine Frage ist, besteht die Möglichkeit anstelle der Startposition 'LEFT:112px' etwa 'LEFT:"variable"px' zu verwenden und wie muss die Syntax dazu aussehen?

Dasselbe gilt für die Zielposition ...,698, 240,...., kann ich dort Variablen eingeben?

<DIV id=Pae style="Z-INDEX: 1; LEFT: 112px; WIDTH: 60px; POSITION: absolute; TOP: 272px; HEIGHT: 60px"><A onmousedown="MM_dragLayer('Pae','',0,0,0,0,true,false,-1,-1,-1,-1,698,240,50,'',false,'')" href="#"><IMG height=60 alt="Paranthropus aethiopicus" src="Pae.gif" width=60 border=0></A></DIV>

Ich würde mich sehr freuen, wenn ein kluger Kopf in der Gemeinde eine Lösung kennt.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Position einer Ebene über Variablen abfragen und steuern

    Orlando Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi Rudi,

    Ich habe folgendes Problem: In meiner Anwendung soll der user ein Bild in einer Ebene (Beispiel siehe unten) über den Bildschirm in eine bestimmte Position ziehen.

    ein Beispiel mit Erläuterungen findest du hier:

    http://aktuell.de.selfhtml.org/tippstricks/dhtml/draganddrop/

    Das ist wesentlich übersichtlicher als dieses zusammengestutze Dreamweaver-Geschmiere.

    1. die Position der Ebene abfragen, d.h. in eine JavaScript-Variable eingeben – etwa mach dem Motto 'wurde die Ebene an die richtige Stellen geschoben?'.

    x = document.getElementById("deineID").style.left;
     y = document.getElementById("deineID").style.top;

    http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften

    1. die Ebene über die JS-Variable an eine bestimmte Position bewegen.

    Da du ohnehin ein fertiges Script benutzt, kannst du diese Funktion ebenso ansprechen, wie du es weiter unten mit dem EventHandler onmousedown machst.

    Meine Frage ist, besteht die Möglichkeit anstelle der Startposition 'LEFT:112px' etwa 'LEFT:"variable"px' zu verwenden und wie muss die Syntax dazu aussehen?

    document.getElementById("deineID").style.left = x;
     document.getElementById("deineID").style.top  = y;

    Dasselbe gilt für die Zielposition ...,698, 240,...., kann ich dort Variablen eingeben?

    Sieh dir mal deinen Code-Ausschnitt an - er macht nichts anderes:

    <A onmousedown="MM_dragLayer('Pae','',0,0,0,0,true,false,-1,-1,-1,-1,698,240,50,'',false,'')" href="#">...</DIV>

    Welcher Wert wofür steht, verrät dir die DrewamWeaver-Dokumentation.

    Übrigens:

    <DIV id="Pae"

    ^   ^ nicht vergessen!

    LG Orlando

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln