Подгрузка новых сообщений форума без перезагрузки страницы by uCodes для сайтов на uCoz
Очередной шедевр от uCodes! Теперь можно подгружать новые сообщения на форуме, не обновляя страницу! В случае, если есть новые сообщения - они подгрузятся и выйдет соответствующее уведомление, если же новых сообщений нет - выйдет уведомление о том, что новые сообщения отсутствуют
Установка:
1#: В Общем виде страниц форума найдите и замените $BODY$ на:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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> |
2#: Следующий код вставляйте в самый верх Вида материалов форума:
1 |
<span style="display:none;"><span class="tru">$NUMBER$</span></span> |
В прикреплённом архиве находится картинка загрузки loadgen.gif на тот случай, если ссылка на неё станет битой
Источник материала: http://ucodes.ru