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

zilonitiz

  • Захожу иногда
  • 427
  • 7 / 1
Видел как то решение для раскрытия части текста в материале или открытие другого материала по клику. Но вот нипомню что это было и где видел. Не подскажете?
*

kern.USR

  • Давно я тут
  • 820
  • 63 / 1
Re: Раскрытие части текста по клику
« Ответ #1 : 07.08.2018, 13:20:19 »
Слишком мутный вопрос у вас.
Раскрытие части текста - типа спойлера?
Открытие другого материала - ссылка на другой материал?
*

zilonitiz

  • Захожу иногда
  • 427
  • 7 / 1
Re: Раскрытие части текста по клику
« Ответ #2 : 07.08.2018, 13:25:18 »
Да, в виде типа спойлера. В принципе надо открыть на странице материала довольно длинный текст по клику и спрятать его тоже по клику.
*

lexxbry

  • Живу я здесь
  • 2389
  • 65 / 8
Re: Раскрытие части текста по клику
« Ответ #3 : 07.08.2018, 13:25:56 »
так используйте акордеон
в заголовок название а сам материал под спойлер

или типа компонента вопрос ответ FAQ
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

kern.USR

  • Давно я тут
  • 820
  • 63 / 1
Re: Раскрытие части текста по клику
« Ответ #4 : 07.08.2018, 13:28:14 »
Вот это можно попробовать https://extensions.joomla.org/extension/read-more-read-less/
*

xpank

  • Захожу иногда
  • 231
  • 23 / 0
Re: Раскрытие части текста по клику
« Ответ #5 : 07.08.2018, 13:43:23 »
На чистом html+css можно сделать так:
Код
.spoilerbutton  {
    display:block;
    margin: 5px 0;
}

.spoiler {
    overflow:hidden;
    background: #f5f5f5;
}
.spoiler > div {
    -webkit-transition: all 0.5s ease;
    -moz-transition: margin 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: margin 0.5s ease;
    padding:5px;
}
.spoilerbutton[value='Показать текст'] + .spoiler > div {
    margin-top:-100%;

}
.spoilerbutton[value='Скрыть текст'] + .spoiler {
}

/* ------*/

<input class="spoilerbutton" type="button"value="Показать текст" onclick="this.value=this.value=='Показать текст'?'Скрыть текст':'Показать текст';">
<div class="spoiler"><div>
Здесь будет текст
</div></div>
*

zilonitiz

  • Захожу иногда
  • 427
  • 7 / 1
Re: Раскрытие части текста по клику
« Ответ #6 : 07.08.2018, 13:46:07 »
Спасибо! Попробую.
*

dm-krv

  • Давно я тут
  • 937
  • 21 / 0
Re: Раскрытие части текста по клику
« Ответ #7 : 07.08.2018, 14:17:12 »
На чистом html+css можно сделать так:
...

Способ не будет работать, если отключен JavaScript. Поэтому предлагаю рассмотреть еще один вариант, который действительно работает на CSS и не использует onclick:
Код
<input type="checkbox" id="toggle">
<label for="toggle">Нажми меня!</label>
<p class="to-be-changed">Здесь находится скрытый текст</p>

Стили:
Код
input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
 
label {
    display: block;
    background: #08C;
    padding: 5px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    color: white;
    font-weight: bold;
}
 
.to-be-changed {
    display: none;
}

input[type=checkbox]:checked ~ .to-be-changed {
    display: block !important;
}

Механизм следующий. Клик на лейбл меняет состояние чекбокса на cheked. Это в свою очередь приводит к тому, что элемент p становится видимым, так как теперь он соответствует условию (input[type=checkbox]:checked ~ .to-be-changed), которое говорит, что нужно применить этот стиль, если элемент с классом .to-be-changed находится после input[type=checkbox]:checked

Подробнее тут:
https://ruseller.com/lessons.php?id=1600
« Последнее редактирование: 07.08.2018, 14:23:48 от dm-krv »
*

effrit

  • Легенда
  • 9601
  • 1061 / 13
  • effrit.com
Re: Раскрытие части текста по клику
« Ответ #8 : 07.08.2018, 14:42:48 »
Мусье знают толк в извращениях  ;D.
Интересно, сколько долей процента пользователей отключают JS?
*

dm-krv

  • Давно я тут
  • 937
  • 21 / 0
Re: Раскрытие части текста по клику
« Ответ #9 : 07.08.2018, 14:48:19 »
Мусье знают толк в извращениях  ;D.
Интересно, сколько долей процента пользователей отключают JS?

Примерно столько же, сколько использует IE) Но тем не менее, многие сайты верстаются с учетом особенностей IE старых версий.
*

kern.USR

  • Давно я тут
  • 820
  • 63 / 1
Re: Раскрытие части текста по клику
« Ответ #10 : 07.08.2018, 15:44:46 »
Все варианты хороши.
НО! Если человек спрашивает о таком функционале - он слабо разбирается в вопросе, ибо слишком примитивный функционал, и реализовать это всё в коде ему будет сложно. Это раз.
Второе - представте, на сколько удобно, это реализовывать в менеджере материалов, а он, как я понимаю, именно там и хочет сворачивать текст
*

effrit

  • Легенда
  • 9601
  • 1061 / 13
  • effrit.com
*

capricorn

  • Завсегдатай
  • 1948
  • 118 / 3
Re: Раскрытие части текста по клику
« Ответ #12 : 07.08.2018, 16:03:10 »
Гуглите jquery toggle text.  без javascript и Joomla не нужна.
« Последнее редактирование: 07.08.2018, 17:41:09 от capricorn »
*

rkron

  • Захожу иногда
  • 315
  • 7 / 0
Re: Раскрытие части текста по клику
« Ответ #13 : 07.08.2018, 16:14:11 »
Забыли упомянуть простую вещь bootstrap.startAccordion
*

kern.USR

  • Давно я тут
  • 820
  • 63 / 1
Re: Раскрытие части текста по клику
« Ответ #14 : 07.08.2018, 16:15:25 »
Забыли упомянуть простую вещь bootstrap.startAccordion
Особенно в матералах  crazy!
*

capricorn

  • Завсегдатай
  • 1948
  • 118 / 3
Re: Раскрытие части текста по клику
« Ответ #15 : 07.08.2018, 17:40:23 »
С плагином Sourcerer как-то так получается. Вставляем в материал Joomla прямо  в редакторе следующий код:

Спойлер
[свернуть]

Результат https://www.zend-test.techtranslate247.ru/test2.html

Надо правда проверить в разных браузерах и на разных устройствах.
*

xpank

  • Захожу иногда
  • 231
  • 23 / 0
Re: Раскрытие части текста по клику
« Ответ #16 : 07.08.2018, 19:12:27 »
С плагином Sourcerer как-то так получается. Вставляем в материал Joomla прямо  в редакторе следующий код:
Смысл тогда от такого плагина, раз там нужно в текст еще и скрипты вставлять, если тоже самое можно сделать и без него используя встроенный в бутстрап функционал.
http://getbootstrap.ru/docs/v4-alpha/components/collapse/
*

draff

  • Живу я здесь
  • 4203
  • 285 / 7
  • Ищу работу
Re: Раскрытие части текста по клику
« Ответ #17 : 07.08.2018, 19:31:35 »
тоже самое можно сделать и без него используя встроенный в бутстрап функционал.
Цитировать
В Bootstrap плагин свертывание позволяет переключать контент на ваших страницах с помощью нескольких классов благодаря некоторым полезным JavaScript.
и сколько еще нужно подключить некоторых яваскриптов ?
*

capricorn

  • Завсегдатай
  • 1948
  • 118 / 3
Re: Раскрытие части текста по клику
« Ответ #18 : 07.08.2018, 19:47:19 »
Цитировать
если тоже самое можно сделать и без него используя встроенный в бутстрап функционал.

Не спорю. https://www.zend-test.techtranslate247.ru/test3.html

Но в моем варианте можно, например, помедленнее сделать.

https://www.zend-test.techtranslate247.ru/test2.html



*

xpank

  • Захожу иногда
  • 231
  • 23 / 0
Re: Раскрытие части текста по клику
« Ответ #19 : 07.08.2018, 19:48:10 »
и сколько еще нужно подключить некоторых яваскриптов ?
В данном случае нисколько. Joomla уже их использует. Потому и пишу, что в таком случае плагин Sourcerer выглядит лишним.

Но в моем варианте можно, например, помедленнее сделать.
Тоже можно, поправив стили
Код
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}
« Последнее редактирование: 07.08.2018, 19:53:30 от xpank »
*

capricorn

  • Завсегдатай
  • 1948
  • 118 / 3
Re: Раскрытие части текста по клику
« Ответ #20 : 07.08.2018, 20:06:46 »
Цитировать
Тоже можно, поправив стили

А я только одну цифру в коде заменил - с 500(ms) на 3000(ms).

Цитировать
Потому и пишу, что в таком случае плагин Sourcerer выглядит лишним.

В данном случае, может и так.
*

rkron

  • Захожу иногда
  • 315
  • 7 / 0
Re: Раскрытие части текста по клику
« Ответ #21 : 07.08.2018, 20:08:41 »
Про то и речь что bootstrap по умолчанию подключен. Можно использовать collapse можно accordion Это пример для тех, кто в пустой голове дырки крутит. https://getbootstrap.com/docs/4.0/components/collapse/
*

zilonitiz

  • Захожу иногда
  • 427
  • 7 / 1
Re: Раскрытие части текста по клику
« Ответ #22 : 08.08.2018, 00:00:49 »
Блин... Столько пафоса в ваших речах друзья, ппц просто...  :D
*

kern.USR

  • Давно я тут
  • 820
  • 63 / 1
Re: Раскрытие части текста по клику
« Ответ #23 : 08.08.2018, 14:04:23 »
Про то и речь что bootstrap по умолчанию подключен. Можно использовать collapse можно accordion Это пример для тех, кто в пустой голове дырки крутит. https://getbootstrap.com/docs/4.0/components/collapse/
Только вот нативный у Joomla BS2! https://getbootstrap.com/2.3.2/javascript.html#collapse
*

zilonitiz

  • Захожу иногда
  • 427
  • 7 / 1
Re: Раскрытие части текста по клику
« Ответ #24 : 09.08.2018, 14:17:50 »
С плагином Sourcerer как-то так получается. Вставляем в материал Joomla прямо  в редакторе следующий код:

Спойлер
[свернуть]

Результат https://www.zend-test.techtranslate247.ru/test2.html

Надо правда проверить в разных браузерах и на разных устройствах.

Без Sourcerer  работает вполне. Как так? )))
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Ищу модуль карусели такого вида с просмотром картинки по клику

Автор shkurko

Ответов: 5
Просмотров: 391
Последний ответ 01.02.2019, 01:25:21
от shkurko
Повторяющийся фрагмент текста

Автор diana1975

Ответов: 11
Просмотров: 605
Последний ответ 10.03.2018, 23:31:53
от diana1975
Эффекты для изображений вступительного текста

Автор Kitnorm

Ответов: 1
Просмотров: 321
Последний ответ 09.04.2017, 21:46:29
от effrit
Ищу плагин для увеличения картинок по клику.

Автор KingSnake

Ответов: 7
Просмотров: 470
Последний ответ 25.11.2016, 15:03:21
от vipiusss
Вывод текста с примечаниями, как на сайте Горбунова

Автор annavanlee

Ответов: 1
Просмотров: 408
Последний ответ 31.07.2016, 15:41:18
от arma