Главная » Статьи » Скрипты » все | [ Добавить статью ] |
Ajax обновление форума по нажатию на определённую кнопку
Суть такова: пользователь нажимает на кнопку "Обновить сообщения" и если действительно добавлен новый пост, то он автоматически без всякой перезагрузки страницы подгружается и выдаётся сообщение о том, что сообщения подгружены. В противном случае, выдаётся уведомление с текстом "Новых постов на данной странице не найдено!". Установка: Заходим в общий вид страниц форума,находим $BODY$ и заменяем на: Code Получить код <div id="stry">$BODY$</div> <script type="text/javascript"> stylebutton = 'font-weight:bold;background:#f8f8f8;border:1px solid #cbcbcb;color:#333;margin-left:3px;margin-right:3px;'; // стиль кнопки $(document).ready(function() {$('.codeButtons').eq(2).after('<input type="button" style="'+stylebutton+'" title="Reload" value="Обновить сообщения" onclick="reloadforum()" class="codeButtons" id="email" /><span id="gl"></span>');}); function reloadforum() {href_l = location.href; // получаем ссылку на страницу $('#gl').html('<img src="http://txtformat.ucoz.com/loadgen.gif" style="vertical-align:-5px;">') scrop = $(".tru:last").text() $('#stry').load(href_l+' #stry',function(data){ if(scrop == $(".tru:last",data).text()){_uWnd.alert('<center><font color="red">Новых постов на данной странице не найдено!</font></center>', 'Результат',{w:200, h:80})} else{_uWnd.alert('<center><font color="blue">Сообщения подгружены</font></center>', 'Результат',{w:200, h:80})} $(document).ready(function() {$('.codeButtons').eq(2).after('<input type="button" style="'+stylebutton+'" title="Reload" value="Обновить сообщения" onclick="reloadforum()" class="codeButtons" id="email" /><span id="gl"></span>');}); }); } </script> Далее заходим в вид материалов форума и в любом месте размещаем код: Code Получить код <span style="display:none;"><span class="tru">$NUMBER$</span></span>Источник: http://uCodes.Ru | |
Просмотров: 622 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |