Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Стили (CSS) » Как развернуть скрытый текст полной новости по клику ?

Как развернуть скрытый текст полной новости по клику ?

netscout 15.03.2016 Стили (CSS), jQuery 6148

вопрос

Здравствуйте уважаемые форумчане !

Недавно серфил интернет и обнаружил интересный вариант разворота большой свёрнутой новости.
Как здесь: http://soft.mydiv.net/win/download-Game-Word-Guess-Game.html

Там при клике на "↓ Раскрыть описание полностью" разворачивается скрытая часть полной новости и соответственно при нажатии на "↑ Свернуть описание" она сворачивается.

Как такое сделать ?

Спасибо !

Ответил: леший

Делается это с помощью этого плагина http://jedfoster.com/Readmore.js/

14 комментариев

Юзер

Maestro - 2016-03-1516 марта 2016 14:50 - #53762

Кто может помочь с инструкцией по установке для DLE?

Гости

435

леший - 2016-03-1517 марта 2016 02:14 - #53799

Качаем с гита скрипт, закидываем файл readmore.js в папку "js" своего шаблона открываем main.tpl в текстовом редакторе и подключаем скрипт


<script type="text/javascript" src="{THEME}/js/readmore.js"></script>

там же (в main.tpl) указываем, для какого элемента хотим использовать данный скрипт, к примеру возьмём div с классом "mynews" значит делаем следующею конструкцию


<script>
  $('.mynews').readmore({
    moreLink: '<a class="myclass" href="#">Читать далее</a>',
    lessLink: '<a class="myclass" href="#">Свернуть</a>',
    speed: 700 // скорость анимации в миллисекундах 
    collapsedHeight: 200  // высота блока в px, после которой будет добавляться ссылка "Читать далее"
  });
  </script>

всё, теперь к каждому div'у с классом "mynews" , будут подставляться ссылки "Читать далее" если его содержимое не уместилось в высоту 200px

Юзер

Maestro - 2016-03-1517 марта 2016 02:35 - #53800

На сколько я понял у меня div class="wrp" (я это посмотрел в shortstory.tpl) меняю .mynews на .wrp и ничего не происходит.

Может я не совсем понял как узнать класс дива? Подскажите пожалуйста.

P.S. не давно начал разбираться во всем этом, многого не понимаю, простите за тупость

Гости

435

леший - 2016-03-1517 марта 2016 02:40 - #53801

линк на сайт

Юзер

Maestro - 2016-03-1517 марта 2016 02:43 - #53802

ответил в личку

Гости

435

леший - 2016-03-1517 марта 2016 02:46 - #53803


<script>
  $('article').readmore({
    moreLink: '<a class="myclass" href="#">Читать далее</a>',
    lessLink: '<a class="myclass" href="#">Свернуть</a>',
    speed: 700 // скорость анимации в миллисекундах 
    collapsedHeight: 200  // высота блока в px, после которой будет добавляться ссылка "Читать далее"
  });
  </script>

Юзер

Maestro - 2016-03-1517 марта 2016 02:50 - #53804

Неа, ничего не помогло

Гости

435

леший - 2016-03-1517 марта 2016 02:55 - #53805

извиняюсь, мой косяк, после 700 забыл запятую


<script>
  $('article').readmore({
    moreLink: '<a class="myclass" href="#">Читать далее</a>',
    lessLink: '<a class="myclass" href="#">Свернуть</a>',
    speed: 700, // скорость анимации в миллисекундах 
    collapsedHeight: 200  // высота блока в px, после которой будет добавляться ссылка "Читать далее"
  });
  </script>

Юзер

Maestro - 2016-03-1517 марта 2016 02:59 - #53806

Ты лучший, спасибо огромное за помощь, все заработало)

P.S. Будет время и желание, кинь в личку отзыв о сайте. Рад любой критике

Гости

435

леший - 2016-03-1517 марта 2016 03:02 - #53807

Не люблю критиковать сайты, которые юзают дефолтные шаблоны

Юзер

netscout - 2016-03-1517 марта 2016 16:31 - #53830

Из-за чего может не работать ?

Аякс на движке работает !

в fullstory добавил такой код:

<article>

{full-story}

</article>

<script type="text/javascript" src="{THEME}/js/readmore.js"></script>

<script>
$('article').readmore({
moreLink: '<a class="myclass" href="#">Читать далее</a>',
lessLink: '<a class="myclass" href="#">Свернуть</a>',
speed: 700, // скорость анимации в миллисекундах
collapsedHeight: 200 // высота блока в px, после которой будет добавляться ссылка "Читать далее"
});
</script>

Гости

435

леший - 2016-03-1517 марта 2016 17:56 - #53835

Из-за неровности рук, без ссылки на сайт гадать можно до посинения.

Юзер

171

hakypuhbiu - 2016-03-1529 июня 2019 12:37 - #72686

Вы не учли один нюанс, после этого скрипта не работает спойлер в новости не открывается.

Юзер

hent4ib - 2016-03-1529 июня 2019 15:13 - #72688

у webrambo есть такой скрипт

derebas | Нужо доработать плагин связанных новосте ... ²

derebas
Нужо доработать плагин связанных новостей
23-12-2024, 22:42

1. --
2. Не будет работать с добавлением новостей, т.к. ID еще не существует, только переработка принципа самого доп. поля. Что касается существующего состояния, просто добавьте один query запрос при нажатии на + который и будет добавлять параметр в sql
3. стрипслэш
4. Скачал, попробывал, не заметил такой проблемы, возможно нужно в ajax уточнить параметр
5. Просмотрев модуль, изначально алерт идет об однократных связях, как туда может попасть "лишняя" новость не совсем понятно.

В любом случае обратитесь к teraMoune как к специалисту
TeraMoune | Нужо доработать плагин связанных новосте ... ²

TeraMoune
Нужо доработать плагин связанных новостей
23-12-2024, 13:40

Пишите в телеграм посмотрим
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
23-12-2024, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess