shapka: javascript-basiertes Vertauschen der Position von DIV-Containern

SELF-Forum

javascript-basiertes Vertauschen der Position von DIV-Containern

shapka
– Informationen zu den Bewertungsregeln

Hallo,
hat jemand eine Lösung für folgendes, bzw. folgende Probleme:
In den HTML-Seiten unserer Web-Applikation wird von <DIV>-Tags Gebrauch gemacht. (Der Hintergrund ist der, daß die zugehörigen IDs per JavaScript angesprochen werden können.) Diese DIV-Tags umschließen Tabellen, die jeweils "inhaltliche" Einheiten bilden, zum Beispiel das komplette Menü,  die Anzeige des Navigationspfades, eine Ergebnistabelle usw.

Die Platzierung dieser DIV-Elemente geschieht über CSS, genauer: über die Definition von Abständen zum jeweils "davor definierten" DIV-Container.

Jetzt ist es so, daß wir

  1. per JavaScript die Reihenfolge dieser DIV-Container tauschen wollen.
  2. (mit dem möglichst gleichen Mechanismus) das Nachrücken der nachgelagerten DIV-Container veranlassen wollen, sobald ein DIV-Container per Maus / Drag&Drop an eine andere Stelle der Seite gezogen wird.

Hat irgendein Genie eine Lösung dafür?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. javascript-basiertes Vertauschen der Position von DIV-Containern

    XaraX Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    Jetzt ist es so, daß wir

    1. per JavaScript die Reihenfolge dieser DIV-Container tauschen wollen.

    folgende Links interessieren Dich:
    http://de.selfhtml.org/javascript/objekte/node.htm#clone_node
    http://de.selfhtml.org/javascript/objekte/node.htm#remove_child
    http://de.selfhtml.org/javascript/objekte/node.htm#append_child

    Die angewählte <div> wird geklont, und an eine andere Stelle eingehangen. Das Original wird gelöscht.

    1. (mit dem möglichst gleichen Mechanismus) das Nachrücken der nachgelagerten DIV-Container veranlassen wollen, sobald ein DIV-Container per Maus / Drag&Drop an eine andere Stelle der Seite gezogen wird.

    folgende Links interessieren Dich:
    http://de.selfhtml.org/javascript/objekte/node.htm#clone_node
    http://de.selfhtml.org/javascript/objekte/node.htm#append_child
    http://de.selfhtml.org/javascript/objekte/style.htm
    http://de.selfhtml.org/javascript/objekte/node.htm#remove_child

    Die angewählte <div> wird geklont, der Klon wird in <body> eingehangen mit CSS position:absolute versorgt und das Original gelöscht.

    Gruß aus Berlin!
    eddi

    --
    POST SCRIPTA SIND UNÜBERLEGTE HANDLUNGEN IM KONTEXT EINES HTML-FORMULARS!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. javascript-basiertes Vertauschen der Position von DIV-Containern

      shapka
      – Informationen zu den Bewertungsregeln

      Vielen, vielen Dank!! Du hast mir wirklich wunderbar geholfen, damit funktioniert es! DANKE! :)

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln