Плагин для спойлера. Возможности: - Скрывает/открывает по щелчку определенный текст;
Установка: 1. Скопировать приведенные в архиве файлы согласно директориям 2. Открыть файл /language/russian/formdhtmltextarea.php и вставить в него константы (не важно где)
// spoiler
define('_XOOPS_FORM_ALTSPOILER', 'spoiler');
define('_XOOPS_FORM_TITLESPOILER', 'Вставить спойлер');
define('_XOOPS_FORM_ENTERSPOILERTITLE', 'Введите заголовок спойлера');
define('_XOOPS_FORM_ENTERSPOILERTEXT', 'Введите содержимое спойлера');
// End spoiler
3. Открыть файл /class/textsanitizer/config.php в нём имеется массив управления плагинами; добавляем туда элемен spoiler:
return $config = array(
"extensions" => array(
"iframe" => 0,
"image" => 1,
"flash" => 1,
"youtube" => 1,
"mp3" => 0,
"wmp" => 0,
// If other module is used, please modify the following detection and 'link' in /wiki/config.php
"wiki" => is_dir(XOOPS_ROOT_PATH . '/modules/mediawiki/'),
"mms" => 0,
"rtsp" => 0,
"ul" => 1,
"li" => 1,
// Spoiler
'spoiler' => 1),
"truncate_length" => 60,
// Filters XSS scripts on display of text
// There is considerable trade-off between security and performance
"filterxss_on_display" => false);
4. В css темы необходимо добавить код для спойлера (редактируйте по желанию):
/*Контейнер спойлера*/
.xo-spoiler {
width: 95%;
margin: 6px auto;
background: #e9e9e6;
border: 1px solid #c3cbd1;
}
/*Заголовок спойлера*/
.xo-spoiler h4 {
padding: 1px 14px 3px;
margin: 0 0 0 6px;
line-height: 150%;
background: transparent url(../../../images/form/icon_plus.gif) no-repeat 0 50%;
font-weight: normal;
cursor: pointer;
}
/*Текст спойлера*/
.xo-spoiler div {
display: none;
padding: 1px 6px 2px;
border-top: 1px solid #c3cbd1;
background: #f5f5f5;
}
5. В файл /include/xoops.js необходимо добавить функцию:
// Spoiler
function xoopsSpoilerTogle(obj) {
var spoiler = obj.parentNode.getElementsByTagName('div');
var title = obj.parentNode.getElementsByTagName('h4');
if((spoiler[0].style.display == '') || (spoiler[0].style.display == 'none')) {
spoiler[0].style.display = 'block';
title[0].style.backgroundImage = 'url(../../images/form/icon_minus.gif)';
} else {
spoiler[0].style.display = 'none';
title[0].style.backgroundImage = 'url(../../images/form/icon_plus.gif)';
}
}
// End spoiler
6. Подредактируйте пути для фонового изображения, они даны если css файл находится в директории "css" Вашей темы.
Скачать плагин
|