Новости Joomla

Вышел релиз безопасности Joomla 3.9.26

Доступна к загрузке Joomla! 3.9.26. Это релиз безопасности и исправлений, рекомендуется к установке.

Новая функция в Joomla 4: процессы публикации

Приближается релиз стабильной версии Joomla 4, поэтому пришло время рассмотреть, что из себя представляет новая функция в Joomla 4 - процессы публикации.

Интеграция форм обратной связи и Битрикс 24 на сайте Joomla

Небольшой мастер класс по интеграции Битрикс 24 и сайта на CMS Joomla. 

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 170 Просмотров
*

slepoy

  • Давно я тут
  • 746
  • 23 / 0
  • Тотальная шизофазия
Показать (развернуть) полный текст (в материале) после нажатия на кнопку
« : 01.01.2021, 03:45:02 »
Здравствуйте.
Каким образом можно реализовать следующее на странице одного материала (в фрагменте текста):

1) отображается пара строк или предложений текста с ссылкой «подробнее»
2) при нажатии на «подробнее» текст развертывается (отображается полный текст)

Примерно, как скрытие «спойлеров» и длинных текстов, которые занимают много места, но могут быть интересны не всем (потому лучше из открывать после нажатия на кнопку).

Но при этом — текст не должен скрываться от поисковых систем (должен индексироваться).

Какие решения вы знаете?

Задача — развернуть только какой-то определенный фрагмент текста (не весь материал).

Один из примеров можно найти на странице http://m.onlineguru.ru/html5/ — видно, как нудный текст, написанный для поисковых систем, частично скрыт от пользователей (но отображается после нажатия на кнопку).

Спасибо.


« Последнее редактирование: 01.01.2021, 03:48:17 от slepoy »
Записан
Помог? Поставь(те) плюс в репутацию.
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Показать (развернуть) полный текст (в материале) после нажатия на кнопку
« Ответ #1 : 01.01.2021, 03:52:18 »
Ну те де спойлеры или AJAX подгрузка
Содержимое аккордиона видно ботам
Записан
*

gartes

  • Завсегдатай
  • 1643
  • 128 / 5
  • Е = mс²
Re: Показать (развернуть) полный текст (в материале) после нажатия на кнопку
« Ответ #2 : 01.01.2021, 04:07:39 »
Цитата: slepoy от 01.01.2021, 03:45:02
но отображается после нажатия на кнопку
Кнопка  на кнопку вешаем обработчик события click который при срабатывании добавит блоку с текстом класс
Примерно так !
Код
document.addEventListener("DOMContentLoaded", function () {
    var $ = jQuery ;
    var $descBlock = $('div.description');
    $('.btn-fullDesc').on('click' , function (){
        $descBlock.addClass('view-full')
    })
});

Ну и соответственно блоку с описанием div.description пишем CSS :
Код
div.description {
    height: 100px;
}
div.description.view-full {
    height: auto;
}
Все ! - Всем с Новым Годом !
Записан
*

arma

  • Завсегдатай
  • 1685
  • 77 / 2
Re: Показать (развернуть) полный текст (в материале) после нажатия на кнопку
« Ответ #3 : 01.01.2021, 15:37:54 »
slepoy, ну пользуйтесь поиском. Это называется спойлер -куча плагинов, если не хотите прописывать, как советует gartes
Записан
*

pavelrer

  • Давно я тут
  • 603
  • 10 / 2
Re: Показать (развернуть) полный текст (в материале) после нажатия на кнопку
« Ответ #4 : 04.01.2021, 00:54:59 »
Да ну уж Js. CSS спойлер! Я, бы так  ^-^
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Убрать информацию о материале

Автор Grans

 Ответов: 3
Просмотров: 121 		Последний ответ 14.04.2021, 09:27:33
от KKAAZZOO
После изменения файла template.css не отображаются изменения в браузерах

Автор SaXalIneC

 Ответов: 2
Просмотров: 117 		Последний ответ 06.04.2021, 08:10:07
от rsn
Ошибка после изменения версии PHP - call to undefined function

Автор lexus26

 Ответов: 1
Просмотров: 141 		Последний ответ 28.02.2021, 15:18:13
от NewUsers
Ссылка скрыть / показать скрытый текст

Автор web1

 Ответов: 1
Просмотров: 128 		Последний ответ 17.02.2021, 19:16:59
от beliyadm
Кнопка читать далее + свой текст

Автор robotwerder

 Ответов: 4
Просмотров: 117 		Последний ответ 16.02.2021, 13:21:08
от robotwerder