[JavaScript][PHP] Skracanie tytułu do szerokości diva Opcje

[bahh]

Nie wiem czy znalazł już ktoś sposób na dynamiczne skracanie tytułów by pasowały do diva o określonej szerokości. Mam tu na myśli zastąpienie substr czymś bardziej praktycznym. Substr gdy zakończy się w "środku" polskiego znaku powstaje krzaczek. Poza tym, szerokość liter ma znaczenie. Niektóre tytuły nie zmieszczą się gdy inne tytuły są ucinane w 3/4 a mogłyby być wyświetlone w całości - ilość znaków ta sama.

Mam np. tytuł: Wypadek w Kamieniu Pomorskim. Co zeznała pasażerka?
Szerokość diva 240 px, chcę by ten tekst zmieścił się w dwóch linijkach do szerokości 240px, jak się nie zmieści to zastąpi ostatnie 3 znaki kropkami.

Czy istnieje jakiś sposób na to?

[sowiq]

To zależy jak dużo znaków bedzie musiał odciąć skrypt (1 znak = jedna iteracja, a w niej pobieranie wysokości elementu). Żeby przyspieszyć, możesz założyć maksymalną ilość znaków (np. 40), powyżej której na pewno tekst będzie za długi. Wtedy na początku ucinasz wszystko powyżej 40 znaków i dopiero potem wchodzisz w pętlę i ucinasz pojedyncze znaki.

Zawsze też możesz zrobić test - wrzucić 50 tytułów i sprawdzić obciążenie. Ale IMO będzie ono pomijalnie małe.

[edit]
Żeby nie być gołosłownym: http://jsfiddle.net/5YrQR/1/ Oczywiście czas będzie zależał od długości tytułów i szerokości elementu z tytułem (dlatego zmniejszyłem szerokość do 120px).

Ten post edytował sowiq 2.01.2014, 16:44:09