Форум Сайтостроение Веб-строительство

Скрыть текст в ячейке по содержимому с показом tooltip

M
На сайте с 03.06.2012
Offline
73
meverikxp
727

Здравствуйте, имеется HTML таблица в ней 9-10 колонок в ячейках текст бывает не влазит в одну строку и расширяет ячейку. Подскажите как сделать так, если текст не влазит в одну строку писалось так "Этот текст не ..." и при наведении на ячейку показывался весь текст "Этот текст не влазит в ячейку". Может есть готовые плагины jQuery, но поиски в гугле не дали результата. Ограмное спасибо за помощь

LY
На сайте с 28.05.2010
Offline
50
LEXXiY
#1

Вот варианты:

http://viralpatel.net/blogs/dynamically-shortened-text-show-more-link-jquery/

http://shakenandstirredweb.com/playground/jquery-more-less-text/

http://stackoverflow.com/questions/5270227/how-to-hide-show-more-text-within-a-certain-length-like-youtube

Адаптировать под себя :)

Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#2

При наведении на ячейку - http://jsfiddle.net/v1z4q3mw/1/

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
M
На сайте с 03.06.2012
Offline
73
meverikxp
#3
LEXXiY:
Вот варианты:
http://viralpatel.net/blogs/dynamically-shortened-text-show-more-link-jquery/
http://shakenandstirredweb.com/playground/jquery-more-less-text/
http://stackoverflow.com/questions/5270227/how-to-hide-show-more-text-within-a-certain-length-like-youtube

Адаптировать под себя :)

Спасибо буду пробовать

На всех примерах используется статический краткий текст и полный, при нажатии на кнопку полный текст или показывается или скрывается, а хотелось бы динамически делать краткий текст что бы нормально отображалось и на небельших мониторах

---------- Добавлено 13.02.2015 в 14:14 ----------

дани мапов:
При наведении на ячейку - http://jsfiddle.net/v1z4q3mw/1/

вот это похоже на то что нужно, спасибо буду юзать

[DLE] Интеграция кнопок tweeter, Статически или динамические "похожие Скрытие текста

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий