Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Плагин обрезающий текст для jQuery (https://javascript.ru/forum/project/21063-plagin-obrezayushhijj-tekst-dlya-jquery.html)

yurik417 13.10.2012 01:00

Цитата:

Сообщение от Gozar (Сообщение 125568)
Переписать на прототипах.

Пользуюсь давно этим http://masscode.ru/index.php/k2/item/24-litextlength

devote 13.10.2012 01:23

yurik417,
ты год поста то посмотри, твой плагин куда позже появился. Может он и лучше, но тогда его не было.

yurik417 22.10.2012 02:29

Цитата:

Сообщение от devote (Сообщение 209755)
yurik417,
ты год поста то посмотри, твой плагин куда позже появился. Может он и лучше, но тогда его не было.

Уверен что тема будет актуальна еще не один год, пусть и не для автора

rikitiki 18.06.2015 06:31

devote, хороший скрипт но к сожалению при уменьшении ширины окна браузера, и соответственно уменьшении ширины последнего дива, количество видимых строк хоть и сохраняется, но точки на обрезке исчезают.
В моём случае, который я изложил в этом посте:
http://javascript.ru/forum/375522-post17.html
клик раскрывающий полный текст не нужен. Гиперссылка, раскрывающая карточку товара, в которой есть полный текст обрезанного заголовка, уже существует. Необходимы лишь постоянно видимые точки на конце обрезки, информирующие посетителя о том что текст (заголовок) не полный и фиксированное количество строк не зависимое от ширины дива.
Не могли бы вы высказать предположение, как решена задача по обрезке заголовков товаров на этой странице:
http://www.obi.ru/decom/category/%D0...%8B%D0%B5/1064
Здесь заголовки обрезаются как нужно.
То есть они в две строки с тремя точками по обрезке.
И если плавно изменять ширину окна браузера, то дивы соответственно сужаются и количество знаков (буквально по буквам!) в их заголовках также меняется. Но две строки с тремя точками сохраняются чётко!

В PHP насколько я знаю, функцией mb_substr() можно резать только по количеству заданных символов. В CSS адаптивная обрезка по границе дива с добавлением трёх точек получится, если добавить стиль:

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

Но к сожалению текст при этом становится однострочным.

Deff 01.07.2015 06:00

rikitiki,
ну нун перезапускать скрипт по onresize window, где-то сохраняя строку исходник (в принципе проблема решаема добавкой трёх строк при сохранением на sessionStorage)


Часовой пояс GMT +3, время: 11:31.