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

slepoy

  • Давно я тут
  • 746
  • 23 / 0
  • Тотальная шизофазия
Здравствуйте.
Каким образом можно реализовать следующее на странице одного материала (в фрагменте текста):

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

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

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

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

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

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

Спасибо.


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

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Ну те де спойлеры или AJAX подгрузка
Содержимое аккордиона видно ботам
*

gartes

  • Завсегдатай
  • 1850
  • 141 / 6
  • Е = mс²
но отображается после нажатия на кнопку
Кнопка  на кнопку вешаем обработчик события 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

  • Завсегдатай
  • 1722
  • 81 / 2
slepoy, ну пользуйтесь поиском. Это называется спойлер -куча плагинов, если не хотите прописывать, как советует gartes
*

pavelrer

  • Давно я тут
  • 608
  • 10 / 2
Да ну уж Js. CSS спойлер! Я, бы так  ^-^
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Доступ к страницам после оплаты

Автор Kosshechka

Ответов: 26
Просмотров: 650
Последний ответ 15.04.2022, 18:15:49
от Alex2108
После обновления FOF 4 перестал работать компонент JCH optimize

Автор polezniy

Ответов: 1
Просмотров: 194
Последний ответ 05.01.2022, 10:45:04
от polezniy
Изменить вывод информации о материале и доп полях

Автор kolhoz

Ответов: 1
Просмотров: 165
Последний ответ 03.11.2021, 00:01:53
от NewUsers
Свой шоткод в материале используя поля

Автор Zelyonkin

Ответов: 7
Просмотров: 341
Последний ответ 16.10.2021, 10:58:18
от sivers
Как сделать вводный текст чтобы его заголовок выводился как h2 а не h1 Joomla 3?

Автор Алексей358

Ответов: 51
Просмотров: 984
Последний ответ 05.10.2021, 15:17:58
от draff