Плагин спойлера для textsanitizer

Дата 28.01.2012 16:00:00 | Раздел: XOOPS

Плагин для спойлера.
Возможности:
- Скрывает/открывает по щелчку определенный текст;


Установка:
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" Вашей темы.

 

Скачать плагин





Эта статья взята с сайта xoops.ws
https://xoops.ws

Адрес этой статьи:
https://xoops.ws/modules/news/article.php?storyid=57