Text anzeigen und erweitern

[MrDevil]

ich habe hier nun meine Frage geschrieben, da es ja CSS und JS betrifft.


Ich möchte ein kleines DIV mit Text anzeigen bis zu einer bestimten länge bzw Zeilen

und wenn da mehr Text vorhanden ist soll dieser mittels "merh lesen" Link aufgeklappt werden

Lösungsvorschläge?

Hatte es mit display - block/none
versucht aber damit kann ich nur alles oder nichts anzeigen!

[Dome]

Die Hauptsache is der JS Teil, du musst ne Variable mit dem Text drinne überprüfen ob sie zu viel Zeichen besitzt. Und dann musste halt ne zweite Variable nehmen die den Text ausgibt und sich verändert wenn man auf "alles lesen" klickt. Sind also eigentlich blos 2 Funktionen.

Das könntest du aber auch mit PHP lösen, wenn du PHP überhaupt zur Verfügung hast. Das hätte den Vorteil, dass wenn ein User kein JS aktiviert hat, er trotzdem das Richtige angezeigt bekommt...

[Fuzzy]

Moin MrDevil,

schau mal hier nach:
http://www.cssplay.co.uk/menu/more_than#more
Da steht alles.

Gruß Fuzzy

[Mysteryxx]

meinst du sowas?

[marc22]

http://www.cssplay.co.uk/menu/more_than#more

Immer diese CSS-Sachen für sowas..

Im Ernst: CSS ist nicht dafür da, irgendwelche Verhaltensweisen von Objekten abzubilden. Außerdem ist diese Verschachtelung mitten im Link doch eine Katastrophe und kaum bedienbar, geschweige denn semantisch.

Für so etwas ist eine serverseitige Sprache bzw. Javascript da..

[Rizzo]

Zitat von marc22

Immer diese CSS-Sachen für sowas..

Für so etwas ist eine serverseitige Sprache bzw. Javascript da..

Wieso? Mit einer serverseitigen Scriptsprache muß man aber die ganze Text anzeigen und erweitern. Die JS Lösung setzt ebenso voraus das JS nicht deaktiviert/blockiert ist. Gerade bei JS hat man auf Letzteres nicht immer Einfluß als User, wenn man z.B. hinter einer FW in einer Firma sitzt.
Die CSS Lösung geht praktisch immer, ist sauber, und Daten müssen nicht mehrfach vom Server angefordert werden.