Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Скрипт сокращения текста phpBB3 
#1 

Аватар пользователя

Всем доброго времени суток, давно уже не было анонсов разных полезных скриптов, да вот наткнулся на один интересный скрипт. Собственно и делюсь им :hi_hi_hi:
Введение

Представим ситуацию - имеем блок или кучу блоков в которых идет вывод текста и вам нужно ограничить как нибудь цивильно количество знаков. Разумеется через php можно реализовать данную задачу, но есть вариант по интереснее и на JQuery - мы просто будем отображать определенное количество знаков текста, а остальное скроем под ссылкой-кнопкой, по нажатию на которую будет отображен весь текст. Демо
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку
. Этот скрипт можно подключать к каким угодно текстовым блокам, цепляясь к ним за имена классов или за айди, об этом подробнее будет описано ниже....
Подключение

Вложение :
demo (6).zip [3.14 KiB]
Скачиваний: 30

Для начала скачиваем архив, из папки src забираем скрипт jquery.shorten.js и закидываем его в любую удобную папку на сервере форума. В шаблон overall_header.html до тега </head> добавляем
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
   <script type="text/javascript" src="путь до скрипта/jquery.shorten.js"></script>
 

Если у вас ранее подключен JQuery, то нужно убрать первую строку дабы исключить конфликты

Далее можно использовать простейший вызов
<script language="javascript">
$(document).ready(function() {

$(element).shorten();

});
</script>
 

Данный код вставляется в шаблон overall_footer.html перед тегом </body>

Который в блоке element сократит текст до 100 знаков и добавит ссылку more для раскрытия всего остального текста. А следующим способом мы переименуем ссылку раскрытия в тест
<script language="javascript">
$(document).ready(function() {

$(element).shorten({
    moreText: 'тест'
});

});
</script>
 

А это переименует ссылку закрытия в тест2
<script language="javascript">
$(document).ready(function() {

$(element).shorten({
    lessText: 'тест2'
});

});
</script>
 

Теперь же приведем более предметный пример, для блока с классом text мы сократим текст до 50 знаков и переименуем ссылки закрытия и раскрытия
<script language="javascript">
$(document).ready(function() {
   $(".text").shorten({
 moreText: '... читать полностью',
lessText: 'свернуть',
showChars: '50',
});

 });
</script>
 

Можно управлять 2-мя и более блоками, указывая разные имена классов или айди
<script language="javascript">
$(document).ready(function() {
   
   $(".comment").shorten({showChars: 20});
   
   $(".comment-small").shorten({showChars: 10});

 });
</script>
 


Собственно, думаю кому то этот скрипт будет полезным, успехов в начинаниях :bra_vo:


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Скрипт закругления текста phpBB 3
Скрипт поможет вам закруглить любую надпись на форуме

DeaDRoMeO

0

756

Аватар пользователя

30 сен 2015, 12:33

DeaDRoMeO

Аватар пользователя Скрипт набора текста phpBB 3.0
Скрипт автонабора различного текста для наших форумов phpBB 3.0

DeaDRoMeO

15

1594

Аватар пользователя

04 окт 2015, 14:28

DeaDRoMeO

Аватар пользователя Скрипт табов(вкладок) phpbb3
Разбираем подключение и использование скрипта табов(вкладок) для использования в phpbb3

DeaDRoMeO

3

1706

Аватар пользователя

27 ноя 2013, 18:03

psnw2007

Аватар пользователя Скрипт исправления раскладки клавиатуры phpbb3
Скрипт исправляющий раскладку клавиатуры при ее неправильном выборе

DeaDRoMeO

34

3515

Аватар пользователя

12 окт 2014, 15:40

Tatyana_S

Аватар пользователя Скрипт "Проверка ТИЦ и PR сайтов в профилях" phpbb3
Скрипт информера ТИЦ и PR для сайтов в профилях пользователей

DeaDRoMeO

6

2219

Аватар пользователя

16 ноя 2015, 05:23

DeaDRoMeO

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


cron

Самая неформальная поддержка phpBB :P