Используемые в работе JavaScript'ы

За внешний вид вашего сайта отвечают шаблоны. Но некоторые элементы управления, предоставляемые ядром CMS, требуют для своей также определённого набора JavaScript'ов. В этом разделе будет дано краткое описание используемых JScript'ов.

Все скрипты, необходимые для работы ядра CMS, находятся в каталоге engine/includes/js/, вот их краткое описание:

• admin.js - JScript необходимый для работы админ-панели
• ajax.js - библиотека для работы AJAX-based функционала (немного модифицированная `Simple AJAX Code-Kit (SACK) v1.6.1`)
• functions.js - набор функций общего пользования

Библиотека admin.js

//
// Function from PHP to Javascript Project: php.js
// URL: http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_json_encode/
function json_encode(mixed_val) {
...

Библиотека ajax.js

Представляет собой модифицированную библиотеку `Simple AJAX Code-Kit (SACK) v1.6.1` и используется для любых AJAX вызовов в ядре CMS и во всех плагинах.

Пример использования данной библиотеки можно найти а плагине comments, в шаблоне по умолчанию:
/templates/default/plugins/comments/comments.form.tpl

Библиотека functions.js

Используемые в работе HTML блоки / ID и STYLE элементов

Следует учитывать, что для своей работы ядро CMS (и некоторые плагины) используют фиксированные идентификаторы блоков или заданный заранее набор CSS стилей.

• Стили CSS:
  • .spoiler - набор стилей для спойлера (BB-тег [spoiler] .. [/spoiler]):

    /* SPOILERs */
    .spoiler {
    	border:solid 1px #adbac6;
    	background:#ebeef7;
    	margin:5px 0px 5px 0px;
    	padding: 0px;
    	clear:both;
    }
    
    .spoiler .sp-head {
    	padding:4px 0 4px 2px;
    	cursor: pointer;
    }
    
    .spoiler .sp-head b {
    	background:url(/templates/default/images/spoiler-plus.gif) no-repeat;
    	float:left;
    	width:9px;
    	height:9px;
    	margin:2px 4px 0 2px
    }
    
    .spoiler .sp-head b.expanded {
    	background:url(/templates/default/images/spoiler-minus.gif) no-repeat;
    	float:left;
    	width:9px;
    	height:9px;
    }
    
    .spoiler .sp-body {
    	border-top:solid 1px #adbac6;
    	background: #f7f8fc;
    	display: none;
    }
    

    При вставке BB-тега он вставляется в виде блока кода:

    <div class="spoiler">
     <div class="sp-head" onclick="toggleSpoiler(this.parentNode, this);"><b></b>Раскрыть</div>
     <div class="sp-body">_тут текст спойлера_<br /></div>
    </div>
    

  • .answer - используется при отображении содержимого BB-тега [quote] .. [/quote]
• Блоки с собственным ID:
  • tags - используется при отображении списка BB кодов
  • save_area - используется при отображении списка BB кодов