Informationen für CMS/made simple / [GELÖST] Maximale Größe der Spalten begrenzen

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (NaN) — Wed, 20 Aug 2014 15:33:48 +0000

Hab noch eine Version: http://jsfiddle.net/tt3b5cp5/4/
Ist im Prinzip eine Mischung aus den beiden anderen.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (NaN) — Wed, 20 Aug 2014 10:59:29 +0000

Ja, das Problem mit der genauen Höhe ist unschön. Lässt sich aber doch durch Probieren herausfinden.

Außerdem kann man diese unschönen Pixelreihen mit einem vertikalen Farbverlauf von "Transparent" nach "Hintergrundfarbe" kaschieren, indem man die letzte Zeile damit überdekt. Dann blendet der Text sozusagen nach unten hin aus. Dazu kann man z.B. das oder den Morelink nehmen. Alles nur eine Frage des Styles.

Gibt da übrigens noch ein paar mehr Plugins für jQuery:
http://jedfoster.com/Readmore.js/
http://code-tricks.com/jquery-read-more … mple/#demo
http://plugins.learningjquery.com/expan … index.html

Sind sich am Ende alle irgendwie ähnlich. Nimm einfach das, was Dir am ehesten zusagt.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Wed, 20 Aug 2014 10:37:31 +0000

Danke, aber bei der zweiten Lösung habe ich das Problem, dass ich entweder die genaue Höhe der Zeilen (inkl. Leerzeilen, Zeilenabstand, Zeichengröße etc.) kennen muss oder aber u.U. unschöne Effekte wie z.B. eine "Pixelreihe" akzeptieren muss. Da ich Ersteres schlecht voraussehen kann (ich möchte das Ganze so flexibel wie möglich gestalten) und Letzteres nicht akzeptieren kann (und möchte), bleibt mir nur, auf diese Lösung zu verzichten. Trotzdem, danke für Deine Bemühungen.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (NaN) — Wed, 20 Aug 2014 10:25:32 +0000

Der zweite Link führt übrigens nicht zum Ziel : er gibt einen "Error: 404" aus...

Hab ihn korrigiert.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Wed, 20 Aug 2014 10:21:36 +0000

Super NaN,

da werde ich mich gleich mal ans Werk machen und das jQuery-PlugIn ausprobieren bzw. an meine Bedürfnisse anpassen (es geht doch nichts über erstklassige Programmierer, die dann auch noch dermaßen hilfsbereit sind - ich hoffe, dass ich das irgendwann einmal wieder gutmachen kann ).

Der zweite Link führt übrigens nicht zum Ziel : er gibt einen "Error: 404" aus...

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (NaN) — Wed, 20 Aug 2014 10:05:49 +0000

Dazu müsste man das Script überarbeiten. Z.B. ein jQuery Plugin draus machen. Dann kann man jedem div eigene Einstellungen zuordnen: http://jsfiddle.net/e7fv6j3g/3/

Es gibt übrigens noch eine andere Möglichkeit, Text allein mit CSS zu kürzen, ohne den Text selbst manipulieren zu müssen: http://jsfiddle.net/xk9vxuk0/1/
Da kannst Du übers CSS mit Hilfe der Höhe festlegen, wieviel Text angezeigt wird.
(in dem Beispiel hier nur über max-height, weil sonst die Animation nicht funktioniert)

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Tue, 19 Aug 2014 08:08:42 +0000

Hallo NaN,

gibt es eine Möglichkeit die Parameter der 'truncate'-Funktion bei mehreren, verschiedenen Aufrufen jedesmal separat zu setzen (z.B. beim ersten Aufruf mit char=100, bei einem anderen Aufruf mit char=200; ellipsisText='>>>' und wiederum bei einem anderen Aufruf mit ellipsisText='---'; moreText='weiter lesen') ?

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Fri, 15 Aug 2014 14:36:31 +0000

Herzlichen Dank für Deine Mühe NaN, Deine Lösung funkioniert wunderbar und ohne Probleme (upps ) . Ich habe das Skript und die CSS-Deklarationen etwas an meine Erfordernisse angepaßt und jetzt läuft es ganz nach meinen Vorstellungen.

Da das Problem gelöst ist, werde ich den Thread erstmal auf "gelöst" setzen.

Vielen herzlichen Dank noch einmal an alle, die mir bei der Lösung des Problems tatkräftig geholfen haben.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (NaN) — Fri, 15 Aug 2014 12:20:47 +0000

Schau Dir mal das hier an: http://jsfiddle.net/e7fv6j3g/2/
Hab ich mir gerade aus verschiedenen Quellen zusammengebastelt.
Es hält den HTML-Code intakt, aber zählt die HTML-Tags nicht mit als Zeichen und entfernt überflüssige Leerzeichen (die werden sonst mitgezählt).
Scheint da wohl noch keine Patentlösung zu geben.

(Das Beispiel setzt jQuery vorraus)

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Fri, 15 Aug 2014 07:59:10 +0000

Vielen Dank NaN - das heißt für mich, dass ich mich von diesem Skript verabschieden werde und solange andere Skripte suchen und ausprobieren muss, bis ich ein Skript finde, das meinen Bedürfnissen entspricht (und Dank Nockenfell weiß ich ja jetzt auch wonach ich suchen muss ).

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (NaN) — Fri, 15 Aug 2014 07:17:46 +0000

Hast Du Dir mal die Kommentare auf der Seite mit dem Script durchgelesen?
Da haben einige ähnliche Probleme: Das Script kommt offenbar nicht damit klar, wenn in dem Text, den es zu kürzen gibt, noch weitere html-Tags stehen (wie z.B. ein

oder ein

etc.).

Das Script arbeitet z.B. so: Es nimmt den HTML Code im

und teilt ihn anhand der angebenen Zeichenlänge auf. Der Text, der versteckt werden soll, wird in ein gepackt und dieses mittels CSS ausgeblendet. Wenn Dein Text aber z.B. in einem Absatz steht, dann zerreist es diesen Absatz.
Beispiel...
Original HTML Code:


	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	Vestibulum laoreet, nunc eget laoreet sagittis,
	quam ligula sodales orci, congue imperdiet eros tortor ac lectus.
	Duis eget nisl orci. Aliquam mattis purus non mauris
	blandit id luctus felis convallis.
	Integer varius egestas vestibulum.
	Nullam a dolor arcu, ac tempor elit. Donec.

Text nach Anwendung des Sciptes, der angezeigt werden soll:

Lorem ipsum dolor sit amet, consectetur adipi

showChars:50
Resultat => 46 sichtbare Zeichen, weil der HTML Code - fälschlicherweise - mitgezählt wird.
Außerdem ist der Absatz kaputt.
Was daraus nun wird, liegt am Browser.

Text, der ausgeblendet wird:

iscing elit.
	Vestibulum laoreet, nunc eget laoreet sagittis,
	quam ligula sodales orci, congue imperdiet eros tortor ac lectus.
	Duis eget nisl orci. Aliquam mattis purus non mauris
	blandit id luctus felis convallis.
	Integer varius egestas vestibulum.
	Nullam a dolor arcu, ac tempor elit. Donec.

1.: Das "i" bei "iscing" ist doppelt. Originalwort war "adipiscing". Angezeigt wird "adipi". Ausgeblendet ist "iscing". Ergibt am Ende "adipiiscing".
2. Der Absatz ist kaputt.
Was daraus wird, liegt am Browser.

Wie das also nachher tatsächlich aussieht bzw. funktioniert, ist für mich schon an dieser Stelle nicht mehr vorhersehbar. Ganz zu schweigen davon, wenn da noch mehr HTML Tags im Text dazukommen, weil jeder Browser fehlerhaftes HTML anders handhabt.

Fazit: Das Script ist fehlerhaft bzw. hat die Einschränkung, dass es nur reinen Text behandeln kann. Kein HTML.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Thu, 14 Aug 2014 16:08:46 +0000

So - nach einigem Probieren habe ich zumindest den Grund für die inkorrekte Darstellung gefunden: offensichtlich kommt das Skript nicht dem Smarty-Tag {content} zurecht . Lasse ich das Skript über das Smarty-Tag laufen, so gibt es mir scheinbar willkürlich gekürzt und mit dem oben beschriebenen Verhalten den Text aus. Gebe ich dagegen den Text als solchen im Template ein und lasse das Skript drüberlaufen, kürzt er den Text korrekt nach 50 Zeichen und gibt am Ende das "Mehr" bzw. "Weniger" aus .

Wie kann ich dem Skript jetzt klarmachen, dass es die Smarty-Tags "genauso wie Text" zu behandeln hat ? oder gibt es noch einen anderen Trick ???

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Fri, 08 Aug 2014 16:55:36 +0000

Super - was mir aber immer noch nicht bei der Lösung des ursprünglichen Problems hilft - nämlich, wie ich den Text tatsächlich erst nach 50 Zeichen kürzen lassen kann.
Beim "Herumspielen" mit verschiedenen Werten für "showChars" konnte ich allerdings auch kein einheitliches oder nachvollziehbares Verhalten der Content-Blöcke feststellen, was mich nun endgültig verzweifeln läßt.

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (cyberman) — Fri, 08 Aug 2014 11:51:17 +0000

Ganz einfach - indem du den Content block in ein h3 setzt .

Die Parameter findest du in der Hilfe. Die erreichst du in der Auflistung der Module bzw der Tags über den Link "Hilfe".

Re: [GELÖST] Maximale Größe der Spalten begrenzen

dummy@example.com (Dancer62) — Fri, 08 Aug 2014 11:42:53 +0000

Klasse, ich danke Dir.

Aber wie kann ich die Unter-Überschrift dazu überreden, dass sie sich so verhält, wie ich es möchte (z.B. wie die reguläre Überschrift h3 aus meiner CSS-Datei ? Im Forum habe ich zwar einen Post gefunden, der sich mit der Schriftgröße im Body des TinyMCE befaßt, aber wie die dazugehörige Deklaration für die Unter-Überschrift heißt, weiß ich leider nicht (CMSMSh3 ??). Wo kann ich überhaupt die einzelnen Parameter finden (ich will Euch schließlich nicht wegen jeder Kleinigkeit belästigen ) ?