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

- Для начала нам нужно будет скачать библиотеку 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