Проверка почты без обновления

- В этой статье я хочу рассказать о том как проверить новую почту без обновления страницы. Итак начнём...

- Для начала нам нужно будет скачать библиотеку jQuery.
- Офф.сайт http://jquery.com/

1) Подключаем библиотеку jQuery
- echo '<script src="jquery.js" type="text/javascript" encoding="UTF-8"></script>';

2) echo '<div id="newmail"></div>
<script type="text/javascript" encoding="UTF-8">
setInterval(\'$("#newmail").load("Query.php");\', 5000);
</script>';

/*
<div id="newmail"></div> - Контейнер для вызова результата из файла обработчика;

<script type="text/javascript" encoding="UTF-8">

setInterval(\'$("#newmail").load("Query.php");\', 5000); - Подгружаем фаил с помощью функции setInterval

$("#newmail") - Имя контейнера что описывался выше;

load("Query.php") - Загрузка нашего обработчика;

5000 - Интервал подгрузки обработчика 1000 = 1 сек;

</script>
*/

==-== Пишем обработчик ==-==
1) Подключаемся к базе:
$mysqli = new mysqli('localhost', 'User', 'Password', 'Base');
$mysqli->set_charset('utf8');

2)Проверяем есть ли новое письмо:
$NewMail = $mysqli->query("SELECT * FROM `jquery` WHERE `jquery`='on'")->num_rows;

3) Если есть то показываем:
if ($NewMail)
{
echo '<div style="position: fixed; font-size: 15px; left: 75%; width: 25%; height: 45px; bottom: 7pt; display: block;">
<div style="background: #000; border: 2px groove #fff; box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 5px;">
<div style="display: block; color: #000;">

<center>
<a href="#"><font color="white"><b>У вас новая почта</b></font></a> [' . $NewMail . ']
</center>
</div></div></div>';
}
4) Закрываем соединение:
$mysqli->close();

Ну вот и всё

Скрин результата:
http://upwap.ru/1876978
Пароль: johncms

Живой пример:
http://upwap.ru/1876993

Автор: tillad