Nur Teil eines Fieldtextes anzeigen - Rest per Link einblenden?
Eingetragen von Der Robert (26)am 31.08.2011 - 18:30 Uhr in
Ich würde gerne Fields so überschreiben, dass sie wenn z.B. eine Breite von 50px in der Zeile überschritten wird, einen Link enthalten, der dann den Rest des Textes einblendet.
Es soll praktisch nur 1 Zeile (variable Breite - je nach Bildschirmauflösung) sichtbar sein, aber per Link alles einzublenden sein.
Ähnlich eines Teasers nur halt für ein Field.
Gibt es dafür ein Modul oder einen Lösungsansatz?
Danke im Voraus!
- Anmelden oder Registrieren um Kommentare zu schreiben
jQuery
am 31.08.2011 - 22:08 Uhr
Hallo.
Dazu bedarf es etwas jQuery-Magie (wie beispielsweise in http://jsfiddle.net/aZxQZ/ gezeigt). Eventuell genügt Dir jedoch auch das Modul [do:collapse_text Collapse Text] (oder die Idee dahinter).
Danke für deine Tipps! Es
am 01.09.2011 - 07:18 Uhr
Danke für deine Tipps!
Es gehen beide in die manuelle Richtung - also entweder man muss 2 Texte eingeben oder man muss den Text mit tags versehen.
Ich suche eine Möglichkeit, wo ein Text bei der Ausgabe automatisch abgeschnitten wird und per automatisch generiertem "Drop-Down-Pfeil-Button" per jQuery's show("slow") sichtbar wird.
P.S.: jsfiddle kannte ich noch nicht - ist sehr brauchbar :)
jQuery
am 01.09.2011 - 10:42 Uhr
Ich hab mal kurz herumgespielt:
var content = $('#edit-subject').val();var stripped = $('#edit-subject').val().substr(0, 15);
$('#edit-subject').val(stripped);
$('#edit-subject').hover(
function() {
// mouseover
$(this).val(content);
},
function() {
// mouseout
$(this).val(stripped);
}
);
Das schneidet den Inhalt des Feldes mit der Id "edit-submit" nach 15 Zeichen ab und blendet den kompletten Text beim Drübberhovern wieder ein.
Nur mal so als Ansatz ...
ahaa - diese Herangehensweise
am 02.09.2011 - 14:02 Uhr
ahaa - diese Herangehensweise finde ich super!
Ich hoffe, das kann ich für meine Zwecke ummodeln :)
THXaLOT!