[buddy_casino]

Hallo allerseits!

Im folgenden meine ich mit 'darunter' und 'darüber' nicht Layer, sondern spreche von der tatsächlichen Ansicht der Seite im Browser.
Also:
In einer Ansicht habe ich mehrere divs übereinander, in denen jeweils mehrere Zeilen Text stehen. Beim Ändern der Höhe eines divs per javascript (jedes div hat natürlich eine eigene id) soll ein evtl. darunter liegendes div in der Ansicht nach unten 'verdrängt' werden. Wenn ich nun die Höhe wieder verringere, soll das untere div wieder nach oben rücken.

Wie kann ich so etwas realisieren? Hoffentlich sind meine Ausführungen für JavaScript-Fortgeschrittene verständlich, da ich noch relativ neu in JavaScript bin. Gerne könnt Ihr mir die Umsetzung in eurer Antwort aber auch mit Fachvokabular erläutern bzw. weiter ausholen, da ich (als PHP-Programmierer) im Zuge des AJAX-Kennenlernens momentan eh dabei bin, mein Wissen zu vertiefen und für technische Erläuterungen dankbar bin.

Gruß

buddy_casino

[Ben]

Hallo,
inwiefern hat der Titel des Themas etwas mit der Fragestellung zu tun?

Inbesondere das

Inhalt abschneiden

Danke.


---
Ich habe versucht den Titel des Themas etwas passender zu gestalten.

[buddy_casino]

Ach sorry, habe die Überschrift nicht mehr ganz passend gewählt, da bei meinem derzeitigen Stand der Entwicklung das obere div das untere div nicht verdrängte, sondern beim vergrößern überlagerte und ich zuerst darüber nachdachte, die ausgangshöhe jedes divs festzulegen und den 'überhängenden' inhalt abzuschneiden und beim vergrößern über das untere div anzuzeigen. Wäre evtl. auch eine lösung. Während des Schreibens meines Postings kam ich dann auf die oben beschriebene Variante. Für Lösungsansätze für beide Varianten bin ich erst recht dankbar

[WarrenFaith]

Bei sowas ist immer ein Onlinebeispiel gut, weil wir sonst wild rumraten müssen

[Ben]

Na, ich habe schon verstanden was er meint. Habe so etwas glaube ich auch schon mal gesehen, weiß nur gerade nicht mehr wo ..


---
Vielleicht hier mal durcharbeiten: http://www.google.de/search?q=javasc...iv+verschieben

[buddy_casino]

Yo, mach ich. Falls Dir das konkrete Beispiel noch einmal über den Weg läuft, einfach posten. Danke!

[Ben]

Klar, ich hab eben schon bisschen gesucht (deshalb auch der Google-Link), aber ich konnte das nun gerade nicht merh finden.

Mach das aber natürlich, wenn ich etwas finde.

[WarrenFaith]

Sowas? http://octavez.com/
Quelle: Die feinsten Webseiten, Die Creme de la Creme

[Ben]

Das wäre ja quasi nicht viel anders, als die Möglichkeit hier im Forum die Kategorien zuzuklappen, oder?

Hatte es jetzt bisschen anders im Kopf, aber das könnte natürlich auch das sein, was er sucht

[Xean]

Ist es nicht so, dass die anderen divs nicht eigentlich nachrutschen, sobald sich eines geändert hat?

[WarrenFaith]

Ist es nicht so, dass die anderen divs nicht eigentlich nachrutschen, sobald sich eines geändert hat?

Der Meinung bin ich eigentlich auch. Deswegen hoffe ich auch auf ein Onlinebeispiel

[xpprem]

ich hätte wzar ein onlinebeispiel, aber dort muß man registriert sein. nachfolgend der code für div öffnen und die anderen rustchen nach:

PHP-Code:

<script type="text/javascript">
 function toggle (elementId) { 
    if (document.getElementById) {
    if (document.getElementById(elementId).style.display == "block")
        document.getElementById(elementId).style.display = "none";
     else document.getElementById(elementId).style.display = "block";
    }
 }
</script> 


und dann noch deine divs:

PHP-Code:

<p>
<a href="javascript:toggle('div1')">Kommentar schreiben</a>&nbsp;
<a href="javascript:toggle('div2)">Kommentare anzeigen</a>
<div id="container">
<div id="div1" style="text-align: justify; display:none;">Inhalt1</div>
<div id="div2" style="text-align: justify; display:none;">Inhalt2</div>
</div>
</p> 


ich hoffe das wars was du suchst.
etwas umgebaut kannst das auch für ein reines verschieben neben.

[buddy_casino]

Super, danke! Etwas umgebaut kann ich das gut gebrauchen. Ein Online-Beispiel hatte ich jetzt leider nicht, da ich innerhalb meiner Dev-Umgebung bastle.

[Skinwalker]

Ich hätte sonst noch auf MooFX verwiesen, das ist sehr schick
http://moofx.mad4milk.net/