Ajax обновление форума по нажатию на определённую кнопку — д - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.117.99.71

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Ajax обновление форума по нажатию на определённую кнопку — д

spayder

Сообщение оставлено 16.02.2011 в 09:07:54 | Сообщение #1

1537

Суть такова: пользователь нажимает на кнопку "Обновить сообщения" и если действительно добавлен новый пост, то он автоматически без всякой перезагрузки страницы подгружается и выдаётся сообщение о том, что сообщения подгружены. В противном случае, выдаётся уведомление с текстом "Новых постов на данной странице не найдено!".
Установка:
Заходим в общий вид страниц форума,находим $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://webo4ka.ru/Ucoz2/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>

spayder	Сообщение оставлено 16.02.2011 в 09:07:54 \| Сообщение #1
Постоянный PokerChudo Сообщения: 2111 1537	Суть такова: пользователь нажимает на кнопку "Обновить сообщения" и если действительно добавлен новый пост, то он автоматически без всякой перезагрузки страницы подгружается и выдаётся сообщение о том, что сообщения подгружены. В противном случае, выдаётся уведомление с текстом "Новых постов на данной странице не найдено!". Установка: Заходим в общий вид страниц форума,находим $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://webo4ka.ru/Ucoz2/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> Подпись пользователя:
	Профиль Цитата Вверх