Плагин “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. Из шаблонов убраны ссылки. Не хорошо, когда есть ссылки, которые не задействованы.

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

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

[fastdeath]

Я искал это  в одной теме! Спасибо!

[tkheun]

А можете переделать под Joomla 1.0.хх?

[beliyadm]

А можете переделать под Joomla 1.0.хх?

увы нет, под joomla 1.0 пишу только коммерческие заказы

[tkheun]

Поставлю вопрос по-другому: сколько будет стоить переделка плагина под Joomla 1.0.xx?

[beliyadm]

рублей 300

[tkheun]

Давайте номер icq...

[boreus]

Классный плагин!
beliyadm, жаль что к mootools ты не оч хорошо относишься
Очень нужен такой плагин, а на сайте только мутулсы используются.

[beliyadm]

beliyadm, жаль что к mootools ты не оч хорошо относишься

просто привык к jquery, множество готовых рецептов запасено, не хочу переходить на mootools.
В чистом движке он используется только в форме обратной связи и пользовательских функциях после авторизации. Первое переписал на чистый JS (без ajax), второе мне не смертельно

Очень нужен такой плагин, а на сайте только мутулсы используются.

если найдешь готовое решение на mootools - интегрирую в плагин

[boreus]

Вот, посмотри, подойдет?
http://irridium.spb.ru/articles/show/116

[beliyadm]

пойдет, набросаю вторую версию

[boreus]

Ура! Это будет супер! 

[beliyadm]

Версия плагина 1.1 (pb_spoiler_plg_1.1.zip) - как jquery, так и mootools, обновление в первом посте 

[boreus]

Ура! Это было быстро. Спасибо!

ЗЫ: небольшой багрепорт - с текстом все ок, сворачивается, разворачивается,
а вот с фотками что-то не то - засунул 4 тамбнейла, разворачиваются только на 12 пикселов вниз(см скрин).

[beliyadm]

а вот с фотками что-то не то - засунул 4 тамбнейла,

как засунул? как обычные картинки или с помощью другого плагина? Плагин в плагине обрабатываться не будут.
Проверял локально с одной фоткой в спойлере 400*600 - нормально разворачивалась (вставлена просто как <img)

[boreus]

Вот:

{spoiler title=123} <span class="description"><a href="images/stories/dir1/image007.png" title="title"><img class="classname" src="images/stories/dir1/image008.jpg" /></a> ... и т.д. 4 штуки </span>{/spoiler}

Других контент плагинов нет, просто как картинки вставил.

[beliyadm]

Код:

{spoiler title=123} <span class="description">
<img class="classname" src="images/stories/hny00000.jpg" />
<img class="classname" src="images/stories/hny00000.jpg" />
<img class="classname" src="images/stories/hny00000.jpg" />
<img class="classname" src="images/stories/hny00000.jpg" />
<img class="classname" src="images/stories/hny00000.jpg" /> ... и т.д. 4 штуки </span>{/spoiler}

- все прекрасно отрабатывает

[boreus]

Сейчас на живом сайте попробую, ссылку, если что, в личку кину. Может я чето не то делаю.

[beliyadm]

Сейчас на живом сайте попробую, ссылку, если что, в личку кину. Может я чето не то делаю.

ссылку на сайт, доступ в админку и на фтп

[Mitrich]

Кстати начал плотно втыкать в JS
90% сотнекилабайтных скриптов решается в 5-10 строк

[boreus]

Убрал "float: left;" из стилей картинок - все заработало
beliyadm, а как поисковики относятся к тексту в спойлере? учитывается он при индексации?

[beliyadm]

Убрал "float: left;" из стилей картинок - все заработало

Могут быть конфликты с шаблоном, факт!

beliyadm, а как поисковики относятся к тексту в спойлере? учитывается он при индексации?

Прекрасно относятся, если открыть исходный код страницы видно что это обычный UL LI текст, данный плагин индексации никак не препятствует

[boreus]

Прекрасно относятся, если открыть исходный код страницы видно что это обычный UL LI текст, данный плагин индексации никак не препятствует

Спасибо, сразу пришло в голову очень полезное его применеие...сэкономит кучу места на главной.

[pbe]

Скажите, beliyadm, а чем этот плагин отличается от плагинов Core Design на greatJoomla.com?
Там подобных бесплатных плагинов большое множество.

[boreus]

...чем этот плагин отличается от плагинов Core Design на greatJoomla.com?
Там подобных бесплатных плагинов большое множество.

Там сейчас, насколько знаю, все только на jquery и там нет плагина спойлера.
Пользовался год назад их MagicTabs'ами но было очень много глюков, пришлось отказаться. автор, кстати там их решил не устранять, а перейти на jquery

[pbe]

Ну да, вроде на Квери.
Плагин спойлер Core Design Accordion plugin.
Десять разных стилей, каждый из которых имеет еще свои стили.
Я недавно попробовал в виде эксперимента поставить у себя - ничего, работает.
Правда больше трех на одной странице не отображалось. У меня.

[beliyadm]

Скажите, beliyadm, а чем этот плагин отличается от плагинов Core Design на greatJoomla.com?
Там подобных бесплатных плагинов большое множество.

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

[alex54]

установил plg_demobutton и кнопка работала, а затем поставил Content - Spoiler Text и демо кнопка заменилась на спойлер, и теперь две кнопки спойлер с одним функционалом
что делать?

[beliyadm]

демо кнопка заменилась на спойлер, и теперь две кнопки спойлер с одним функционалом

плагины кнопок независимые, заменять друг друга не могут. Удалить один из плагинов (к примеру демо либо кнопку из этой темы) и использовать одну (в принципе они совершенно взаимозаменяемые, просто для удобства сделал)

[alex54]

про заменяемость как-то не понял
спойлер скрывает большой текст
а демобуттон - вставляет заготовленный текст

ну ладно, с demobutton  - это другая тема

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