Ausklappbare div mit Text drinne...

[BDG]

Hey Leute.
Ich habe bei mir eine Kommentar Leiste auf der Homepage mit 5 Kommentaren.
Und nun will ich die nicht so hoch, haben, nur wenn man auf "Ausfahren" klickt soll das länger werden.
ich weiß dieser Satz war unverständlich, deswegen habe ich euch ein Bild gemalt :

Ich hoffe dieses Bild ist verständlich.
Ist sowas mit HTML oder XHTML Oder CSS und HTML oder JavaScript möglich ?

 

[littleHtml Freak]

mit javascript kannst du die höhe der divs verändern.

<div id="1" onclick="verkleinern()">Blabla</div>

<script type="text/javascript">
function verkleinern(){
document.getElementById("1").height=100;
}
</script>

nicht gestestet aber ich denke das sollte gehn ;)

 

[BDG]

Vielen Dank schonmal.. Das ist ein Anfang ... Nun fehlt aber noch :
- wie machen, dass das slidet und nicht von einem auf den anderen Moment anders ist ?
- wie machen, dass das eben mit "..." beendet wird ?
- mehr fällt mir grad nicht ein

 

[BDG]

/push... Keiner ne Idee ? Oder einfach nur ein Link wo sowas gezeigt wird ?

 

[NE4Y]

Hey, kuck dir mal die Funktion slideUp() / slideDown() in jQuery an.

http://api.jquery.com/slideDown/

Meinst du mit ... , dass nicht der gesamte Text angezeigt wird sondern nur eine bestimmte Anzahl ? Dann könntest du das via PHP (substr()) machen.

 

[BDG]

Zu deinem Link : " We are sorry you did not find what you were looking for. Give it a search up above, or try navigating by category to left. "

 

[Tar]

Da ist ein /Meinst mit reingerutscht, der richtige Link: .slideDown() – jQuery API, alternativ hätte man auch die auf der Seite eingebaute Suche nutzen können.

 

[BDG]

Ja, danke. Also jetzt habe ich das versucht. Aber wie kann man ganzen Divs ausfahren ?
Und er soll ja erst nicht ganz klein sein, sondern von 50 zu 100 wachsen ...

 

[threadi]

littleHTML Freak hat hier einen Fehler eingebaut:

<div id="1" onclick="verkleinern()">Blabla</div>

IDs dürfen nicht nur aus Zahlen bestehen und auch nicht mit einer Zahl beginnen. Dadurch kann es sein, dass auch ein JavaScript, welches darauf zugreifen will, nicht funktioniert. Das nur als Hinweis falls Du das bei dir auch so eingebaut hast.

Den Startwert für das Sliden kannst Du glaube ich übers CSS regeln.

 

[BDG]

Ich wollte jetzt eh jQuery benutzen Aber naja... Wie geht das ? Es soll von 100 px auf 150 aufsleiden... Und wenns nur 100 px ist,soll der Text mit "..." beenden, falls er länger geht...

 

[BDG]

http://bdg-software.de/Anderes/Tests/simple-slide-panel.html
Hier ist schonmal sowas.
Nur soll der Text ja schon vorher gezeigt werden, und an einer bestimmten stelle aufhören, und wenn man auf slide klickt, soll er ganz da stehen ...Dann wird das Panel ja auch größer...

 

[threadi]

Setz eine feste Höhe für den auszuklappenden Bereich, so dass dort noch etwas zu sehen ist. Wie die von dir genutzte jQuery-Funktion damit umgeht, müsstest Du in der Dokumentation dazu lesen können.