top
logo


Раскрывающийся текст на HTML странице. Как? PDF Печать E-mail
Автор: adm   
17.03.11 15:47

Раскрывающийся текст на HTML странице Joomla. Как?

 

Код скрипта и вставляете его в html между тегами <body></body>

<script language="JavaScript"><!-- 
function expand(param) {
param.style.display=(param.style.display=="none") ? "" : "none";
}
//-->
</script>
<a style="display:none;" id="ddetlink1686416442" href="javascript:expand(document.getElementById('ddet1686416442'))">try the demo here</a>
<div name="ddet" class="ddet_div" id="ddet1686416442"><script>expand(document.getElementById('ddet1686416442'));expand(document.getElementById('ddetlink1686416442'))</script>
Please go check out this plugin from <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.dagondesign.com/articles/expanding-text-plugin-for-wordpress/');" href="http://www.dagondesign.com/articles/expanding-text-plugin-for-wordpress/" target="_blank">Dagon Design</a>.</p>
<p>They also have a number of other plugins worth looking at on the site too.
</div>

 

Для вставки кода в Joomla, необходимо зайти в настройки пользователя (под которым редактируется страница) и отключить редактор!

Пример ниже!

 

Please go check out this plugin from ОРИГИНАЛ ТУТ.

 

They also have a number of other plugins worth looking at on the site too.

 

 

Please go check out this plugin from Пример тут.

 

They also have a number of other plugins worth looking at on the site too.

 

 

Please go check out this plugin from Пример тут.

 

They also have a number of other plugins worth looking at on the site too.

 

 

Please go check out this plugin from Пример тут.

 

They also have a number of other plugins worth looking at on the site too.

Второй вариант:

 

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

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

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

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

Обновление - версия плагина 1.3 от scorpsan
Цитировать
там все сделано и в настройках есть куча параметров которыми можно заставить спойлеры открываться и закрываться как вам нужно....

* pb_spoiler_plg.zip (20.36 Кб - загружено 1522 раз.)
* pb_spoiler_btn.zip (2.79 Кб - загружено 2314 раз.)
* pb_spoiler_plg_1.1.2.zip (21.73 Кб - загружено 1067 раз.)
* pb_spoiler_plg_1.3.zip (29.54 Кб - загружено 2867 раз.)

оригинал: http://joomlaforum.ru/index.php?topic=64949.210

{jcomments on}

Последнее обновление 17.03.11 17:40
 
Интересная статья? Поделись ей с другими:

bottom

 

Unreal Commander PfSense по русски Яндекс.Метрика