Кнопка "Далее" для продолжения статьи

-
- Модератор
- 1 384 сообщений


Отправлено 07 Январь 2014 - 23:47
P/S: не допуская переход на новую страницу. Сайт на PHP
- 0

-
- Пользователь PRO
- 999 сообщений
Отправлено 07 Январь 2014 - 23:58
<p class="myClass"> Текст который будет обрезаться при достижении заданного максимального количества символов в нем. </p>
В <head> подгружаем сначала jQuery, а потом сам плагин:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.truncatable.js"></script>
И инициализируем плагин, указав класс для которого будем его использовать:
$(function { $(".myClass").truncatable(); });
Опционально можно указать количество символов при превышении которого, текст будет скрыт. По умолчанию это количество символов равно 100.
$('.myClass').truncatable({ limit: 200, more: '.....', less: true, hideText: '[скрыть]' });
вот сам скрипт jquery.truncatable.js
(function($){$.fn.truncatable=function(options){var defaults={limit:100,more:'...',less:false,hideText:'[read less]'};var options=$.extend(defaults,options);return this.each(function(num){var stringLength=$(this).html().length;if(stringLength>defaults.limit){var splitText=$(this).html().substr(defaults.limit);var splitPoint=splitText.substr(0,1);var whiteSpace=new RegExp(/^\s+$/);for(var newLimit=defaults.limit;newLimit<stringLength;newLimit++){var newSplitText=$(this).html().substr(0,newLimit);var newHiddenText=$(this).html().substr(newLimit);var newSplitPoint=newSplitText.slice(-1);if(whiteSpace.test(newSplitPoint)){var hiddenText='<span class="hiddenText_'+num+'" style="display:none">'+newHiddenText+'</span>';var setNewLimit=(newLimit-1);var trunkLink=$('<a>').attr('class','more_'+num+'');$(this).html($(this).html().substr(0,setNewLimit)).append('<a class="more_'+num+'" href="#">'+defaults.more+'<a/> '+hiddenText);$('a.more_'+num).bind('click',function(){$('span.hiddenText_'+num).show();$('a.more_'+num).hide();if(defaults.less==true){$('span.hiddenText_'+num).append('<a class="hide_'+num+'" href="" title="'+defaults.hideText+'">'+defaults.hideText+'</a>');$('a.hide_'+num).bind('click',function(){$('.hiddenText_'+num).hide();$('.more_'+num).show();$('.hide_'+num).empty();return false})}});newLimit=stringLength}}}})}})(jQuery);
- 1

-
- Неактивные
- 63 сообщений
Отправлено 08 Январь 2014 - 21:55
Как технически реализовывать такой момент: Имеется статья на странице, но она очень длинная и хочется сделать из нее превью в виде первого абзаца, а последующее разворачивается нажатием кнопки ДАЛЕЕ. ???
P/S: не допуская переход на новую страницу. Сайт на PHP
Чисто из любопытства, почему не допускается переход на новую страницу? И как это связанно с тем что сайт на PHP?
Представьте, что у вас 1000 новостей. На каждом будет загружаться этот скрипт, который в совокупности создаст не малую нагрузку. Куда большую чем если вы сделаете полную новость на другой странице!
НУ, а если у вас статья в одной "строке(бд)" то можно разделить скажем тегом [next] сделав метод, проверяющий на наличии данного сочетания символов будет выводить
<a href="url_next">title_next_url</a>
- 0

-
- Модератор
- 1 384 сообщений
Отправлено 08 Январь 2014 - 22:23
Как это связано с тем что сайт на РНР ? - не умничайте понапрасну, если Вы знаете больше меня то предложите пути решения я был бы Вам очень признателен и Ваш авторитет вырос бы в моих глазах.
- 0

-
- Пользователь PRO
- 999 сообщений
Отправлено 09 Январь 2014 - 01:16
Однако недостаток в виде обреза слова ровно по достижении 200 (или сколько вы укажете символов) можно заменить троеточием. ..[..]
Сообщение отредактировал GVA: 09 Январь 2014 - 01:17
- 0

-
- Модератор
- 1 384 сообщений
Отправлено 09 Январь 2014 - 14:45
Да, спасибо!r0mZet, надеюсь мой вариант вам помог )
Однако недостаток в виде обреза слова ровно по достижении 200 (или сколько вы укажете символов) можно заменить троеточием. ..[..]
- 0

-
- Модератор
- 1 181 сообщений
Отправлено 10 Январь 2014 - 10:48
Простите, нагрузку на что? На браузер каждого пользователя?Представьте, что у вас 1000 новостей. На каждом будет загружаться этот скрипт, который в совокупности создаст не малую нагрузку.
Даже, если и 10000 новостей, они ведь не будут запрошены все одновременно

- 1
Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.
Название темы | Автор | Статистика | Последнее сообщение |
---|
-
Пропала кнопка "Купить" в карточке товара
Автор Deriona, 27 окт 2019 В: Создание сайтов: веб-технологии и программирование → Системы управления контентом (CMS) → OpenCart- 1 Ответ
- 180 Просмотров
- Artos
- 27 окт 2019
-
Как сделать что б в списке первая кнопка была уже активной изначально?
Автор bololik, 01 мар 2019 В: Создание сайтов: веб-технологии и программирование → Javascript и языки разметки- 2 Ответов
- 500 Просмотров
- fedornabilkin
- 21 мар 2019
-
Не работает кнопка ответить
Автор HITMAN84, 01 дек 2017 В: Создание сайтов: веб-технологии и программирование → Системы управления контентом (CMS) → DLE- 2 Ответов
- 1 651 Просмотров
- HITMAN84
- 02 дек 2017
-
Анимированная кнопка «Заказать звонок» для джумла?
Автор павелЯ, 06 авг 2017 В: Создание сайтов: веб-технологии и программирование → Системы управления контентом (CMS) → Joomla- 2 Ответов
- 1 201 Просмотров
- павелЯ
- 09 авг 2017
-
Кнопка поделиться кодом плеера.
Автор Шуртух, 03 авг 2016 В: Создание сайтов: веб-технологии и программирование → PHP форум- 10 Ответов
- 2 068 Просмотров
- Шуртух
- 07 авг 2016

![]() |
BLIK
1-й за Ноябрь
Очков активности: 672 ![]() |

-
#1
BLIK
Очков активности: 63Вне конкурса за определение пользователя месяца
-
#2
Rodiola (rukodelkovo.ru)
Очков активности: 15Вне конкурса за определение пользователя месяца
-
#3
kolver
Очков активности: 151 тема, 7 сообщений, 1 балл репутации
-
#4
Victim
Очков активности: 150 тем, 5 сообщений, 2 балла репутации
-
#5
MattCutts (dmitrylee.ru)
Очков активности: 9Вне конкурса за определение пользователя месяца
-
#6
HITMAN84
Очков активности: 7.51 тема, 2 сообщения, 1 балл репутации
-
#7
iiccarus
Очков активности: 61 тема, 1 сообщение, 1 балл репутации
-
#8
Vmir
Очков активности: 60 тем, 2 сообщения, 2 балла репутации
-
#9
TimurR
Очков активности: 61 тема, 1 сообщение, 1 балл репутации
-
#10
morvad24
Очков активности: 61 тема, 1 сообщение, 1 балл репутации
- Показать весь ТОП 10



- Яндекс ИКС: 29.11.2019
- Яндекс выдача: 04.12.2019

-
Серия с ответами на вопросы, задаваемых на собеседовании
MattCutts - Вчера, 14:55
-
Варианты чистки баз ссылок - Как я чищу ТОП Базу
AnnaYa - Вчера, 06:33
-
Рерайт от 45 р. за 1000 знаков. Качественные тексты от опытного исполнителя
rest2011 - 05 дек 2019 17:59
-
Статейные прогоны с опытом и качеством! Различные cms.
Sitilin - 05 дек 2019 13:00
-
Как создать ярлык для перехода в спящий режим?
Zevss - 05 дек 2019 12:59

-
BLIK
Репутация: 1049 -
ShowPrint (ShowPrint.ru)
Репутация: 983 -
-
Evgeniy3200 (everest-tour.by)
Репутация: 492 -
magnet (rbfxdirect.com)
Репутация: 372 -
TimurR
Репутация: 273 -
r0mZet (rz-style.ru)
Репутация: 262 -
-
GVA
Репутация: 205 -
fedornabilkin (plohoneponyal.ru)
Репутация: 203 - Показать ТОП 10