DIV größe ändern und verschieben

[Peter]

Hallo,

ich suche ein Framework, dass es mir ermöglicht ein Div zu verschieben und die Größe zu ändern.

Ich arbeite mit verschachtelten Divs. Der Inhalt wird mit dl, dt und dd umgesetzt, die auch den Bereich für die Größenänderung kennzeichnen.

Die Divs zum verschieben sind innerhalb anderer Divs positioniert, die das Layout meiner Seite darstellen.

Vereinfachtes Beispiel ohne das Seitenlayout:

<div id="verschiebbares Element">
  <div class="border">
  </div>
  <div class="border2">
  </div>

<div class="inhalt">
    <dl>
      <dt>Titel</dt>
      <dd>Beschreibungstext</dd>
      <dd>Bereich für Größenänderung</dd>
    </dl>
  </div>

<div class="borderbottom">
  </div>
  <div class="borderbottom2">
  </div>
</div>

Für das Verschieben soll der Titelbereich zuständig sein und für die Größenänderung der dafür vorgesehene Bereich.
Ich arbeite mit externen Stylesheets. Die Formatierung, z.B für die Größe wird aber bei jedem Div mit dem style-Atribut fest zugeordnet.

Für eure Hilfe bin ich sehr dankbar.

mfg Peter

[dr.colossos]

Hi,

vielleicht hilft dir diese Seite.

http://www.walterzorn.de/

[Peter]

Hallo,

die Seite habe ich schon gefunden, leider konnte ich mit dem Script nicht sehr viel anfangen, da dieses Script auf den Container, den ich verschieben möchte zugreift, für das verschieben soll aber nur die Titelleiste zuständig sein. Genauso beim Größe ändern.

mfg Peter

[dr.colossos]

Hmmm ... versteh ich dich richtig ...

<div class="border">
  </div>

Wenn man das anklickt soll man's verschieben können?

Dann evtl. so (Misschung aus Pseudo-Code und Phantasie [kenn Zorn's Framework nicht]) ...

<div class="border" onmousedown="move(this.parentNode)">
  </div>

this.parentNode liefert eine Referenz auf den Vater-Knoten, d.h. bei dir den Container-Div.

Hope it helps.

[JürgenB]

Hallo Peter,

ich suche ein Framework, dass es mir ermöglicht ein Div zu verschieben und die Größe zu ändern.

Framework? Das geht aber auch einfacher. Schau Dir mal das hier an:

http://javascript.jstruebig.de/javascript/67/

oder meine Variation davon:

http://www.j-berkemeier.de/MausOMeter.html

Gruß, Jürgen