Этот скрипт добавляет функциональность поиска по материалам (если введенный текст больше 3 символов) и динамически загружает результаты, представляя их в виде кликабельных ссылок в новом окне. При этом используются функции для работы с окнами и запросами в формате jQuery.
В страницу добавления/редактирования материала после $BODY$ вставляем код ниже
Код
<script type="text/javascript">
(function(){
var __e = document.querySelector('#addEntForm input[name="title"]');
if ( __e ) { __e.setAttribute('onchange','searchEntr()'); }
})();
function searchEntr () {
var likeThis = [], q = document.addform.title.value, h = _uWnd.getdims(), j = h.clientW - 305, g = h.clientH - 215;
if (q.length > 3) {
$.post("/$MODULE_ID$", {query: q, a: <?if($MODULE_ID$ = 'load' || $MODULE_ID$ = 'dir' || $MODULE_ID$ = 'publ')?>2 <?endif?><?if($MODULE_ID$ = 'news')?>14 <?endif?>},
function (reslt) {
$(".entryLink", reslt).each(function () {
var href = $(this).attr("href"), html = $(this).html(), shtml = ((html.length>40)?html.substr(0,40)+'...':html);
if (href && html) {
likeThis.push('<a href="' + href + '" target="_blank" title="' + html + '">' + shtml + '<\/a><br \/>');
}
});
if (likeThis[0]) {
new _uWnd('sw', 'Найдены похожие материалы', 300, 200, {min: 0, max: 0, x: j, y: g, alert: 1, autosize: 0, icon: '/img/chain.png', fixed: 1, shadow: 1, resize: 0, nomove: 1, hidden: 0, notaskbar: 1, fadetype: 2, fadespeed: 500, fadeclosetype: 1, fadeclosespeed: 500, align: 'left'},'<fieldset><legend>' + q + '</legend>' + likeThis.join("") + '</fieldset>');
}
else {
_uWnd.close('sw');
}
});
}
};
</script>
(function(){
var __e = document.querySelector('#addEntForm input[name="title"]');
if ( __e ) { __e.setAttribute('onchange','searchEntr()'); }
})();
function searchEntr () {
var likeThis = [], q = document.addform.title.value, h = _uWnd.getdims(), j = h.clientW - 305, g = h.clientH - 215;
if (q.length > 3) {
$.post("/$MODULE_ID$", {query: q, a: <?if($MODULE_ID$ = 'load' || $MODULE_ID$ = 'dir' || $MODULE_ID$ = 'publ')?>2 <?endif?><?if($MODULE_ID$ = 'news')?>14 <?endif?>},
function (reslt) {
$(".entryLink", reslt).each(function () {
var href = $(this).attr("href"), html = $(this).html(), shtml = ((html.length>40)?html.substr(0,40)+'...':html);
if (href && html) {
likeThis.push('<a href="' + href + '" target="_blank" title="' + html + '">' + shtml + '<\/a><br \/>');
}
});
if (likeThis[0]) {
new _uWnd('sw', 'Найдены похожие материалы', 300, 200, {min: 0, max: 0, x: j, y: g, alert: 1, autosize: 0, icon: '/img/chain.png', fixed: 1, shadow: 1, resize: 0, nomove: 1, hidden: 0, notaskbar: 1, fadetype: 2, fadespeed: 500, fadeclosetype: 1, fadeclosespeed: 500, align: 'left'},'<fieldset><legend>' + q + '</legend>' + likeThis.join("") + '</fieldset>');
}
else {
_uWnd.close('sw');
}
});
}
};
</script>
и папку img заливаем картинку chain.png
так же в виде материалов вашему $TITLE$ присвоить класс .entryLink
пример
Код
<a href="$ENTRY_URL$" class="entryLink">$TITLE$</a>
вот и все!
