Mario: bewegte div-layer

Hallo Leute.

Folgendes:

Habe angefangen mit div-layern zu arbeiten. Also ein div-Tag mit CSS Angaben formatiert (Höhe, Breite, Position, Farbe, bla schwätz).

Wie bekomme ich es nun hin, dieses Layer Feld frei bewegen zu können? Also per Maus Drag & Drop mässig die Position ändern können indem man auf die Fläche klickt und sie einfach so rumzieht?

Sollte unter IE ab 5, NS ab 6 und evtl. unter Opera ab 5 funktionieren, wenn möglich.

Ciao, Mario

  1. Hi!

    http://www.scottandrew.com/weblog/articles/domwin_1 ist ein hübsches Beispiel.

    GRuß Herbalizer

  2. Hallo,

    oh, ganz einfach. Du must per Javascript die Maus überwachen. Klickt jemand auf das Div, setzt Du eine variabel auf "sagen wir" 1. Solange diese variabel auf 1 gesetzt ist, setzt Du den top und left-Wert des Divs auf die Mauspostion, die Du laufend abfragst. (plus-minus einen versatz, damit die Maus auch über dem mitlaufenden Div schwebt).... klickt der Besucher noch mal aufs Div, dann wird die Variabel wieder auf "sagen wir mal" 0 oder -1 gesetzt, und die "div-an-Mauskoordinate-angleichfunktion" hört mit seiner Arbeit auf..

    Die Variabel kann auch alternativ solange auf 1 bleiben (und das Div mitwandern), wie über dem Div die Maustaste gedrückt gehalten wurde. Wird die Maustaste losgelassen, dann wird die Variabel wieder auf 0 gesetzt und die "mitführfunktion" verzichtet auf das Anpassen der top-left Werte an die Mauskoordinate. (vulgo: das Div wurde wieder abgelegt....) - ist die üblichere Drag und Drop Funktion....

    Die technischen details findest Du in selfhtml. (mausüberwachung, dhtml (Änderung von css-Werten etc....)) Wenn Du an einer konkreten Stelle nicht weiter kommst, dann frag ruhig....

    Chräcker

    http://www.Stempelgeheimnis.de

    --
    SELF-TREFFEN 2002
    http://www.rtbg.de/selftreffen/
    http://www.megpalffy.org/temp/penneninhh.html