Ajax-окно - Мои новости

Категория: Скрипты / Дата добавления материала: 01.06.2011, 22:24
Скрипт довольно простой, выполняет один get запрос при каждом нажатии. Можно стилизовать под себя. Итак процесс установки довольно прост: Перед установкой меняем параметр "Админка->Общие настройки->Версия библиотеки jQuery" на jquery-1.6.1.js 1) Качаем и кидаем его в папку /img через ftp или файловый менеджер с именем loading.gif. 2) Зайти в модуль куда хотите поместить ссылку на мои новости. 3) Создать под ваш стиль ссылку вида: Code <a href="javascript:mynews()">Мои новости</a> 4) Далее под блоком ссылок создаём скрипт (или прям под ссылкой) следующий код: Code <script type="text/javascript"> function mynews(){ new _uWnd('mynews', 'Мои новости', '650', '600', { autosize: false, align: false, modal: false, resize: false, close: true, header: true, nomove: false, fixed: true, oncontent: function () { if (mynews.canget) mynews.get(); }, onclose: function () { mynews.canget = true; } }, '<center><img style="padding-top:50%" src="/img/loading.gif"></center>') var mynews = { canget: true, get: function () { var a = []; $.when($.ajax("/news/0-0-0-0-17-$USER_ID$")).then(function (result) { var z=$('#pagesBlock1',result).find('.swchItem').length; $(".entryLink", result).each(function () { a.push($(this).parent().html()) var b = a.join("<div style='clear:both'></div><br>"); mynews.canget = false; return _uWnd.getbyname('mynews').content("<h2 id='result' style='text-align:center'>" + b + "</h2><br><br>") }); create(z) }); } } } function create(count){ var i=count; while (i!=0){ $('#result').after('<h2 style="float:left"><a style="padding-left:5px;" href="javascript:next('+i+','+count+')">'+i+'</a></h2>') i--; } } function next(n,count){ $.when($.ajax("/news/0-0-"+n+"-0-17-$USER_ID$")).then(function (result) { var a = []; $(".entryLink", result).each(function () { a.push($(this).parent().html()) b = a.join("<div style='clear:both'></div><br>"); mynews.canget = false; return _uWnd.getbyname('mynews').content("<h2 id='result' style='text-align:center'>" + b + "</h2>") }); create(count) }); } </script> 5) Сохраняем и смотрим результат. Скрипт работает в модуле news, остальные модули у меня не активированы, поэтому не могу сказать как модифицировать под другие. Выдачу можно стилизовать по своему, как css так и на месте, строчка Code .content("<h2 style='text-align:center'>" + b + "</h2>") Этот код в скобках обернёт ваш результат в тэг h2 и расположит весь текст по центру Строчка отвечает за соединение результатов, т.е. в данном случае после каждой ссылки в выдаче, идёт то что в скобках: Code .join("<div style='clear:both'></div><br>"); Полезный материал ? Посетите сайт автора: http://uWeb.su
Просмотров: 583 \| Загрузок: 0 \| Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]