Откомменченное

2009 14 мая

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

Плагин Content - Spoiler Text Плагин pb_spoiler ver. 1.0 только для версии !Joomla 1.5 Что это такое - возможность создать в контенте разворачиваемые блоки скрытого текста с эффектом анимации, при этом используется библиотека Jquery и плагин Accordeon от разработчика Jorn Zaefferer

Последовательность действий:

1 - установить плагин (и по желанию кнопку для редактора), опубликовать их (Content - Spoiler Button и Content - Spoiler text)
2 - в режиме редактирования материала вставить теги (либо нажать кнопку Spoiler)
1
{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 мс для обоих скриптов

Скачать pb_spoiler ver. 1.0 (Joomla 1.5, только Jquery) с Яндекса
Скачать pb_spoiler ver. 1.1 (Joomla 1.5, Jquery && Mootools) с Яндекса
Скачать pb_spoiler_btn.zip (Joomla 1.5, кнопка для редактора) с Яндекса
Скачать pb_spoiler_bot_1.2.zip (версия мамбота для Joomla 1.0, только Jquery) с Яндекса
Либо на joomlaforum.ru

Комментарии

0 pedrosoft пишет нам 15.05.2009 00:12
с Jquery неприкольно. уверен что под mootools есть аналогичное добро
Цитировать Сообщить модератору
0 Beliyadm отвечает 15.05.2009 00:40
уверен что есть, но мне лично больше импонирует Jquery, потому его и использую. Потому что кретины разработчики решили встроить mootools в движок я изменять привычкам не собираюсь ))
Цитировать Сообщить модератору
0 Beliyadm отвечает 26.05.2009 02:08
Плагин обновлен до версии 1.1 - добавлен функционал работы под Mootools :)
Цитировать Сообщить модератору
0 MOTORIST пишет нам 08.06.2009 22:58
Что же это за скрытый текст, который любой пользователь (даже не зарегеннный) может посмотреть? Или я чего то не понимаю?
Цитировать Сообщить модератору
0 Beliyadm отвечает 09.06.2009 00:24
это не текст, скрытый от пользователей, а просто функционал спойлера (иначе еще аккордеона) - для экономии места и реализации некоторых других задач. Для скрытия участком материала от гостей я писал другой плагин Hide Guest Content
Цитировать Сообщить модератору
+1 Patriot пишет нам 23.06.2009 16:40
День добрый! Поставил на Joomla 1.5.9 версию плагина 1.1. При нажатии на спойлер страница прокручивается в самый верх, как будто стоит якорь на самое начало страницы. Проверено в GChrome, Opera, IE. Как такое побороть? Спасибо.
Цитировать Сообщить модератору
0 Beliyadm отвечает 24.06.2009 23:08
Доброго дня. Весьма странное поведение, в кое плагина нигде никаких якорей не прописано. Если сменить шаблон на одни из стандартных - такое поведение сохраняется? Возможно что идет конфликт с другими расширениями (CSS или JS). Уточните версию плагина, с какой JS библиотекой используется и если можно ссылку на сайт - попробуем решить проблему
Цитировать Сообщить модератору
0 Алекс отвечает 04.11.2011 18:29
может и занимаюсь некропостерством, но всё же. в этом плагине можно поправить заменив в "/plugins/content/pb_spoiler/pb_spoiler.php" стро ку "'.$matches[1].'" на "'.$matches[1].'"
Цитировать Сообщить модератору
+1 Алекс отвечает 04.11.2011 18:32
может и занимаюсь некропостерством, но всё же. в этом плагине можно поправить заменив в «/plugins/content/pb_spoiler/pb_spoiler.php» < div class="sp-head-click"><a href="#">'.$matches[1].'</a></div>& lt;/div> на <div class="sp-head-click"><span>'.$matches[1] .'</span></div></div>
Цитировать Сообщить модератору
0 Алексей пишет нам 14.07.2009 22:41
Здравствуйте! Проблема с использованием вашего плагина в IE. При развертывании содержимое уходит под footer. посмотрите сами:http://srotver.ru/main/strselfreg.html# Нель зя ли как-то это устранить?
Цитировать Сообщить модератору
0 Александр отвечает 23.08.2010 18:42
Друг, как ты поборол что теперь у тебя текст не уходит под футер. Расскажи секрет))
Цитировать Сообщить модератору
0 site4 пишет нам 30.07.2009 23:03
Проверяли на счет индексации Яндексом такого текста?
Цитировать Сообщить модератору
0 Beliyadm отвечает 30.07.2009 23:20
яндекс индексирует только то что есть в исходном коде, плагин же обрабатывает текст до формирования страницы в браузере, потому поисковики его физически увидеть не могут
Цитировать Сообщить модератору
0 norpe3s пишет нам 31.07.2009 21:16
а в чём разница между Jquery && Mootools разницы я не заметил?
Цитировать Сообщить модератору
0 Beliyadm отвечает 31.07.2009 21:19
Старался свести визуальные различия к минимуму )) Разница в том, что это две разные библиотеки, по умолчанию с Joomla идет mootools, но если вы по какой то причине используете в качестве основы Jquery - то и две версии скрипта встроены в плагин
Цитировать Сообщить модератору
0 Николай пишет нам 20.08.2009 20:18
Добрый день. Ситуация сходная с ув. Patriot при установке спойлера все уходит вверх при нажатии. Версия Joomla 1.5.14 RE Дополнительно ставил только ваш модуль версии 1.1 и кнопку. Если есть возможность распишите мне все подробней на почту как это побороть.
Цитировать Сообщить модератору
0 Klaf пишет нам 19.10.2009 23:12
Вот такая ошибка: Fatal error: Call to undefined method JSite::getSiteURL() in /home/pspkarel/public_html/plugins/editors-xtd/pb_ spoiler.php on line 32 Джумла практически чистая, только поставил(на хостинге). мутулс действительно \"кидает\" страницу вверх. А с джиквери у меня конфликт(из-за шаблона).
Цитировать Сообщить модератору
0 Beliyadm отвечает 19.10.2009 23:17
Замените JSite::getSiteURL() на JURI::base() в коде плагина
Цитировать Сообщить модератору
0 Serzj пишет нам 07.03.2010 18:10
Ссылки нерабочие с яши...
Цитировать Сообщить модератору
0 Beliyadm отвечает 07.03.2010 18:30
Проверил все ссылки с яндекса - все отзываются и качаются.
Цитировать Сообщить модератору
0 Pavelgggg пишет нам 07.04.2010 18:33
А можно сделать вложенные спойлеры? Если да, то как?
Цитировать Сообщить модератору
0 Beliyadm отвечает 07.04.2010 18:51
Не проверял, но думаю что данным скриптом не получится, хотя можете попробовать
Цитировать Сообщить модератору
0 Pavelgggg пишет нам 07.04.2010 19:01
К сожалению, не работает. А каким получится? Ещё один момент: как убрать маркеры(точки) в начале строк?
Цитировать Сообщить модератору
0 Beliyadm отвечает 07.04.2010 19:14
Каким - не знаю Как убрать маркеры у списка - в файле стилей шаблона сделайте для элементов UL LI свойство list-style: none;
Цитировать Сообщить модератору
0 Yury пишет нам 23.04.2010 19:22
хм...а нет такого варианта, который скрывает текст, но он должен быть видеть поисковикам? то есть скрыть только для удобства пользователя.
Цитировать Сообщить модератору
0 Beliyadm отвечает 23.04.2010 19:31
http://blog.pbelkov.com/2009/05/14/plugin-spoiler-text/ - такой?
Цитировать Сообщить модератору
0 wetta пишет нам 27.09.2010 17:37
не работает с DJ Tabs( попробовала разные версии (mootols, Jquery) их нельзя подружить?
Цитировать Сообщить модератору
0 Beliyadm отвечает 27.09.2010 18:04
Скорее всего конфликт скриптов, так как не использовал никогда DJ Tabs - ничего не могу сказать
Цитировать Сообщить модератору
0 Дмитрий пишет нам 09.11.2010 00:09
Спасибо за прекрасный плагин. Было бы просто прекрасно, если бы Вы реализовали возможность добавления спойлера в спойлер. Чтобы в один спойлер можно было бы вложить другой. Я готов финансировать эту доработку. Спасибо.
Цитировать Сообщить модератору
0 Богдан пишет нам 04.02.2011 02:13
Спасибо! Долго это искал и вот нашел.! Все работает! Еще раз спасибо.
Цитировать Сообщить модератору
0 Beliyadm отвечает 04.02.2011 02:23
Всегда пожалуйста )
Цитировать Сообщить модератору
0 Антон пишет нам 25.02.2012 23:17
Отдельное спасибо - за простоту использования!
Цитировать Сообщить модератору
0 Ирина пишет нам 05.03.2012 02:47
А как сделать чтобы вместо заголовка картинка была? можно?
Цитировать Сообщить модератору
0 Beliyadm отвечает 08.03.2012 10:53
Можно, но придется немного переписать обработчик
Цитировать Сообщить модератору
0 borisogleb пишет нам 12.03.2012 22:19
Все супер! Заработало с первого раза! Большое спсб!
Цитировать Сообщить модератору
0 borisogleb пишет нам 12.03.2012 22:35
какое то есть ограничение по количеству скрытого текста? у меня бааааальшой текст не выводит совсем
Цитировать Сообщить модератору
0 Beliyadm отвечает 12.03.2012 22:38
Ограничений в плагине никаких, если в материале без плагина текст показывается - будет и в спойлере. Если, за крайне редким исключением, нет каких либо конфликтов тегов, маловероятно.
Цитировать Сообщить модератору
0 Дмитрий пишет нам 12.05.2012 20:27
Всем привет. У кого при нажатии на сполер страница поднимается вверх смотрите: вот в этом файле pb_spoiler.php меняем вот это {code}'.$matches[1].' {/code} на вот это {code} '.$matches[1].' {/code}
Цитировать Сообщить модератору
0 Андрей пишет нам 30.09.2012 20:07
Подскажите что отключить чот бы он заработал в Virtuemart. консоль firebug говорить следующее: TypeError: window.addEvent is not a function window.addEvent('domready', function() {
Цитировать Сообщить модератору
0 Beliyadm отвечает 03.10.2012 02:46
Спойлер в каком режиме выставлен - квери или мутулз? Попробуйте поставить для мутулза или если нужен jquery - добавить режим совместимости
Цитировать Сообщить модератору
0 Андрей пишет нам 04.10.2012 15:52
Спасибо, был мутулз, поставил jquery заработало но в данном случае он по другому оформлен. Еще нашел вариант, в файлике plugins/content/spoiler.php строка 42 if (($jstype == 1) && includeOnce('Spoiler_Mootools')) { $document =& JFactory::getDocument(); $document->addScript (JURI::base().'plugins/content/pb_spoiler/mootools /spoiler.js'); $document->addStyleSheet(JURI: :base().'plugins/content/pb_spoiler/mootools/spoil er.css'); } заменить на if (($jstype == 1) && includeOnce('Spoiler_Mootools')) { $document =& JFactory::getDocument(); JHTML::_ ('behavior.mootools'); $document->addScript(' /plugins/content/pb_spoiler/mootools/spoiler.js'); //$document->addScript(JURI::base().'plugins /content/pb_spoiler/mootools/spoiler.js'); $docu ment->addStyleSheet(JURI::base().'plugins/conte nt/pb_spoiler/mootools/spoiler.css'); }
Цитировать Сообщить модератору
0 Ацамаз пишет нам 02.09.2013 03:04
А у меня скрываемый текст и вовсе не скрывается. Сразу развернутым появляется...
Цитировать Сообщить модератору
0 Beliyadm отвечает 02.09.2013 07:03
Дайте ссылку на сайт
Цитировать Сообщить модератору
0 Асамаз отвечает 02.09.2013 15:25
Здравствуйте, вот ссылка http://vladtgt.ru/index.php?option=com_content&view=article&id=112:2013-02-28-08-41-54&catid=39:2012-02-12-20-36-02&Itemid=60
Цитировать Сообщить модератору
0 Beliyadm отвечает 02.09.2013 15:28
Попробуйте это http://api.jquery.com/jQuery.noConflict/
Цитировать Сообщить модератору
0 Асамаз пишет нам 02.09.2013 15:42
Что то не прикрепилась у вас ссылка...
Цитировать Сообщить модератору
0 Beliyadm отвечает 02.09.2013 15:46
http://api.jquery.com/jQuery.noConflict/ извините, абсент вчера как-то дает о себе знать )
Цитировать Сообщить модератору
0 Асамаз отвечает 02.09.2013 15:48
Да бывает... А поясните что сделать то нужно, нужели в коды лезть?
Цитировать Сообщить модератору
0 Beliyadm отвечает 02.09.2013 15:51
да, добавить этот noConflict в индекс шаблона чтобы навсегда забыть о конфликтах разных библиотек
Цитировать Сообщить модератору
0 Ацамаз пишет нам 03.09.2013 00:46
Спасибо! Т.е. надо скопировать и вставить этот noConflict в HTML файл шаблона?
Цитировать Сообщить модератору
0 Мария пишет нам 17.07.2014 19:52
Относительно данной темы есть неплохая статья тут http://kvinta-a.ru/ispolzovanie-skrytogo-teksta-na-sayte/
Цитировать Сообщить модератору
0 Beliyadm отвечает 18.07.2014 15:48
Это не тот скрытый текст, который присутствует в невидимом вообще виде для серого SEO, это банальные спойлеры, которые прекрасно индексируются поисковиками и не создают никаких проблем
Цитировать Сообщить модератору

Оставить коммент

Защитный код
Обновить

Откомменченное