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


----

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

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

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

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

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

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

Для начала скачиваем архив, из папки 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.0
Скрипт автонабора различного текста для наших форумов phpBB 3.0

DeaDRoMeO

15

1471

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

04 окт 2015, 14:28

DeaDRoMeO

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

DeaDRoMeO

0

646

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

30 сен 2015, 12:33

DeaDRoMeO

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

DeaDRoMeO

3

1582

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

27 ноя 2013, 18:03

psnw2007

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

DeaDRoMeO

34

3307

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

12 окт 2014, 15:40

Tatyana_S

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

DeaDRoMeO

6

2109

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

16 ноя 2015, 05:23

DeaDRoMeO

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

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

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

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


cron

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