Text-Overflow – worauf wir alle gewartet haben

Wie oft schon haben wir Kniffe in in den verschiedensten Programmiersprachen umgesetzt um irgendwelche Langtexte so einzukürzen, dass sie in das vorgegebene Layout passen ohne nur halbe Buchstaben oder Worte sichtbar zu lassen?

In CSS3 gibt es dafür die eigenschaft text-overflow, die für Blocklevel-Elemente festlegt was passieren soll wenn der text heraus läuft. Mit der Value „elipsis“ oder „elipsis-word“ kann festgelegt werden, dass so gekürzt wird, dass am Ende der Box ein „…“ zeigt – da ist noch mehr Text!

Was wäre es für eine wunderbare Welt wenn das in jedem Browser funktionieren würde? Denn leider schaffen das nicht alle. Diesmal ist nicht der IE das Problem, sondern -bitte hinsetzen und tief durchathmen- der Firefox.

jQuery to the rescue!
Ein neues jQuery-plugin ermöglicht nun wenigstens das Kürzen auf Zeichenebene und ich denke bis das auch für Wörter erweitert wurde wird es nicht mehr lange dauern.

Zwar ist das auch wieder nur eine Lösung in einer weiteren Sprache nämlich JS aber bedenkt die Möglichkeiten!
Für den Start bekommen Elemente für die das Feature gebraucht wird eine class=“textOverflow“. Das CSS wird nach bestem Wissen dafür umgesetzt und ab IE funktionierts. Die übrigen Browser bekommen die Eigenschaft über das Plugin untergeschoben.
Da nun aber Nutzer von FF, WebKit etc ohnehin mit hoher Frequenz aktualisieren, können wir das JS Workaround dann später entfernen wenn unsere Lieblingsbrowser nachgezogen haben.