Плагин “Content - Spoiler Text” - скрытый текст в контенте (спойлер)

[beliyadm]

Плагин “Content - Spoiler Text” - скрытый текст в контенте, версия 1.0

Что это такое - возможность создать в контенте разворачиваемые блоки скрытого текста с эффектом анимации, при этом используется библиотека Jquery и плагин Accordeon от разработчика Jörn Zaefferer

Последовательность действий:
1 - установить плагин (и по желанию кнопку для редактора), опубликовать их (Content - Spoiler Button и Content - Spoiler text)
2 - в режиме редактирования материала вставить теги (либо нажать кнопку Spoiler)

Код:

{spoiler title=Скрытый текст}здесь скрытый от посторонних глаз текст{/spoiler}

3 - вписать нужный текст
4 - можно задавать произвольный текст заголовка скрытого блока (параметр title является обязательным!), допустимыми являются символы кириллицы, цифры 0-9 и символ подчеркивания _
5 - в параметрах плагина возможно указать необходимость подгрузки библиотеки Jquery (если уже используется на сайте) и скорость разворачивания скрытого блока (по умолчанию 200 мс)
6 - оформление заложено в файле plugins/content/pb_spoiler/style.css
7 - возможно использовать HTML форматирование внутри скрытого блока (теги, изображения, прочее)
8 - в параметрах плагина кнопки можно выставить значение заголовка по умолчанию

Где можно использовать:
1 - создание простейшего FAQ на сайте в пределах одной страницы
2 - просто скрытые блоки информации, не особо актуальной для пользователя
3 - да мало ли где еще

Тестировалось: Joomla 1.5.10, Mozilla, Opera, Safary (MS), GChrome. Под ИЕ-шками не смотрел

UPD - версия плагина 1.1 (pb_spoiler_plg_1.1.zip)
1 - добавлен функционал работы как от библиотеки Jquery, так и встроенного в движок mootools - опционально указывается в настройках плагина, по умолчанию mootools
2 - удалена опция указания скорости прокрутки, по умолчанию выставлено 400 мс для обоих скриптов
3 - исправлена ошибка подгрузки скриптов

Обновление - версия плагина 1.3 от scorpsan

там все сделано и в настройках есть куча параметров которыми можно заставить спойлеры открываться и закрываться как вам нужно....

Версия 1.2 для J!1.6 от VDG
Скачать http://narod.ru/disk/16864442001/plg_pbspoiler_1.2.zip.html
Изменения

Показать текстовый блок

1. Работа в Joomla 1.6
2. Убраны стили и картинки. Считаю, что стили — дело шаблона. Кому как надо так и оформляйте, включая стрелочки
3. Вывод теперь одинаков для обоих фреймворков, что упрощает правку стилей. Сделав изменения в шаблоне можете переключать движки в зависимости от желания, ничего не посыпется.
4. Обеспечена совместимость с IE6+, проверено в 6, 8 и 9
5. Поддержка многоязычности. Дана русская локализация
6. Из шаблонов убраны ссылки. Не хорошо, когда есть ссылки, которые не задействованы.

Дополнительно:

• Решение проблемы с юникодом и национальными языками

[sergant]

Отличный плагин.
Ребята, а как сделать так, чтобы первый спойлер был открытым, а остальные закрытыми?

[reasons]

в настройках плагина можно поставить

[sergant]

reasons
Спасибо. Юзал первую ссылку на плагин - там их не было. Поставил версию 1.3 - настройки появились, но случилась проблемка. Если стоит - мутулс - то все хорошо - и стили, и раскрытие, но не раскрывается нужный узел и не закрываются предыдущие открытые. Если включаю жквери, то все отлично, но не могу настроить цсс-стили...

Пока вернулся на первую ссылку на плагин. Все хорошо в нем, вот бы еще первый узел раскрытым был...

[css_ufa]

beliyadm +1 за данный плагин.

Но есть вопросы:
На странице имеются 3 карты (мапс Google). засунул их под спойлер. при загрузке сначала карты прогружаются, а потом через некоторое время они закрываются. Можно ли чтобы они вообще сразу были закрыты под спойлером?

[beliyadm]

На странице имеются 3 карты (мапс Google). засунул их под спойлер. при загрузке сначала карты прогружаются, а потом через некоторое время они закрываются. Можно ли чтобы они вообще сразу были закрыты под спойлером?

Не должно такого быть, только что проверил, на страницу в спойлер закатал три карты Googleя обновляю - спойлеры свернуты, в строке состояния висит несколько секунд "загрузка данных с гугл", то есть спойлер сразу свернут и внутре там грузит данные

[css_ufa]

Не должно такого быть, только что проверил, на страницу в спойлер закатал три карты Googleя обновляю - спойлеры свернуты, в строке состояния висит несколько секунд "загрузка данных с гугл", то есть спойлер сразу свернут и внутре там грузит данные

Посмотрите данный сайт и убедитесь сами: _http://volksmaster.ru/contacts

[beliyadm]

Посмотрите данный сайт и убедитесь сами: _http://volksmaster.ru/contacts

1 - это не совсем моя версия плагина, у меня не добавляется префикс #spoiler_0 в урл
2 - не заметил, прогнал страницу в трех браузерах, спойлер сразу прячется и я не вижу карт пока они грузятся, уже свернуты

[Arkadiy]

Возможно это мой сполйлер, но это сути не меняет. Дивы скрываются по завершении загрузки документа т.к. $(document).ready или подобная конструкция мутулзов именно на это и нацелена, а на медленных каналах загрузка документа происходит довольно долго.

[SkyAn]

А как это сделать только на Mambo?
И если возможно просто кодом, без установок дополнений.

Уже решил сам http://szenprogs.ru/blog/spojler_na_osnove_jquery/2009-10-28-71

[css_ufa]

1 - это не совсем моя версия плагина, у меня не добавляется префикс #spoiler_0 в урл

В 1 посте файл pb_spoiler_plg_1.3.zip (29.54 Кб - загружено 4661 раз.) Ваш?

Если да, то взгляните pb_spoiler.php (строка 108)

Код:

<div class="sp-head-click"><a href="#spoiler_0">'.$matches[1].'</a></div></div>

[css_ufa]

Дивы скрываются по завершении загрузки документа т.к. $(document).ready или подобная конструкция мутулзов именно на это и нацелена, а на медленных каналах загрузка документа происходит довольно долго.

Мне необходимо чтобы при загрузке страницы все что было в спойлере не открывалось изначально!

Грузиться картинка или карта может в самом спойлере!

[css_ufa]

2 - не заметил, прогнал страницу в трех браузерах, спойлер сразу прячется и я не вижу карт пока они грузятся, уже свернуты

Вот можете посмотреть - http://youtu.be/RxO2UD5WRcw

Не я один это заметил просто!

[vomitting]

Простите у меня вопрос, думаю по теме, есть ли на данном форуме у кого нибудь возможность создать плагин спойлера, на JAVA - SCRIPT чтоб он выполнял самое обычное дествие открытия - то есть просто открыть закрыть и все - без использования mootools и jquary.

чтоб при насписании в статьи например {spoiler title=Скрытый текст}здесь скрытый от посторонних глаз текст{/spoiler}  вызывался скрипт:

<script type="text/javascript">// <![CDATA[
function show(ele) {
var srcElement = document.getElementById(ele);
if(srcElement != null) {
if(srcElement.style.display == "block") {
srcElement.style.display= 'none';
}
else {
srcElement.style.display='block';
}
}
}
// ]]></script>

[existence]

Здравствуйте.
У меня такой вопрос. При формировании спойлера появляется следующий div:



Можно ли как-то заменить его к примеру на span? Не нашел, увы, где он вставляется (

[beliyadm]

Див вставляется js скриптом.
Какой вселенский смысл замены его на спан?

[css_ufa]

В 1 посте файл pb_spoiler_plg_1.3.zip (29.54 Кб - загружено 4661 раз.) Ваш?

Если да, то взгляните pb_spoiler.php (строка 108)

Код:

<div class="sp-head-click"><a href="#spoiler_0">'.$matches[1].'</a></div></div>

Вот можете посмотреть - http://youtu.be/RxO2UD5WRcw

Не я один это заметил просто!

beliyadm, Прокомментируете мои сообщения?

[beliyadm]

beliyadm, Прокомментируете мои сообщения?

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

[ash666]

Здравствуйте. В плагине нашел один баг: если указывать title например на армянском языке, то плагин перестает работать. Вот пример:
{spoiler title=Տեքստ}здесь скрытый от посторонних глаз текст{/spoiler}
Я думаю проблема в кодировке. Помогите пожалуйста исправить, очень нужно для мультиязычного сайта.

[beliyadm]

ash666 - признаю, изначально предусмотрел работу только кириллицы\латинницы
Попробуем исправить.
Файл plugins\content\pb_spoiler.php
Находим одну строку

Код

$regex = "#{spoiler(?: title=(([_0-9A-Za-zА-яа-яЁё](.*?)))?)?}(.*?){/spoiler}#s";

и меняем на

Код

$regex = "#{spoiler(?: title=(([/\p{L}+/u](.*?)))?)?}(.*?){/spoiler}#s";

Потом вторую строку

Код

$regex1 = "#{spoiler title=([_0-9A-Za-zА-яа-яЁё](.*?))}#s";

и меняем на

Код

$regex1 = "#{spoiler title=([/\p{L}+/u](.*?))}#s";

У меня вроде заработало, см. скрин

[ash666]

beliyadm - спасибо! Заработало! Отличный плагин

[Vertos]

как подключить спойлер в VirtueMart? подскажите хто знает, а то не получаеться

[Shamil]

Здравствуйте.
У меня такая проблема...
Есть статья там 266 спойлеров под спойлерами видео , она у меня вообще не загружается ( , комп весь виснет ...
Можно исправить ?
Или Joomla все равно не выдержит такой нагрузки ?

[Shamil]

поправочка 366 )

[KosmiC]

Скажите на Joomla 2.5 плагин работает?

[Vertos]

Скажите на Joomla 2.5 плагин работает?

Работает проверено...