{"id":13710,"date":"2023-04-24T20:40:13","date_gmt":"2023-04-24T17:40:13","guid":{"rendered":"https:\/\/lightanddesign.ru\/?p=13710"},"modified":"2023-04-24T20:40:13","modified_gmt":"2023-04-24T17:40:13","slug":"chat-na-sajte-kak-sdelat","status":"publish","type":"post","link":"https:\/\/lightanddesign.ru\/chat-na-sajte-kak-sdelat\/","title":{"rendered":"\u0427\u0430\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c"},"content":{"rendered":"

<\/p>\n

\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u0445\u0430\u0431\u0440\u0443\u0437\u0435\u0440! \u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u043e\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u043d\u0443\u044e \u043a\u043e\u043c\u043d\u0430\u0442\u0443 \u043d\u0430 PHP \u0438 JavaScript. \u041f\u043e\u0434 \u043d\u0438\u043c \u0432\u044b \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u043c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430. \u041f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u044c\u0442\u0435\u0441\u044c… \u0414\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0447\u0430\u0442\u0430 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 MySQL. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u0443\u044e \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 phpmyAdmin. \u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u0437\u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u0442\u043e\u043b\u0438\u043a.<\/p>\n

    \n
  1. \u0415\u0441\u043b\u0438 \u043e\u043d\u0430 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0446\u0443 "\u0427\u0430\u0442" (<\/li>\n
  2. `id` int (15) null not auto_increment,.<\/li>\n
  3. `name` varchar (30) not null, not null, not null, not null<\/li>\n
  4. `text` text not null, not null<\/li>\n
  5. \u041f\u0435\u0440\u0432\u0438\u0447\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 (`id`)<\/li>\n
  6. ) engine = myisam default charset = cp1251 auto_increment = 1,.<\/li>\n<\/ol>\n

    \u0417\u0430\u0442\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0438 \u043d\u0430\u0437\u043e\u0432\u0438\u0442\u0435 \u0435\u0433\u043e index.php. \u042d\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442. \u0412\u043a\u0440\u0430\u0442\u0446\u0435, \u0432 \u043d\u0435\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u043e\u0432. \u0414\u043b\u044f \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0430 \u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b jQuery \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043c jquery \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b…<\/p>\n

    \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u0431\u0435\u0441\u0435\u0434\u0430 \u0433\u043e\u0442\u043e\u0432\u0430. \u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0430. \u0417\u0430\u0442\u0435\u043c \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u043f\u0438\u0448\u0435\u0442\u0441\u044f \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439. \u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0438 \u043d\u0430\u0437\u043e\u0432\u0438\u0442\u0435 chat.php content chat.php:.<\/p>\n

      \n
    1. <\/li>\n
    2. \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445<\/li>\n
    3. \u0424\u0443\u043d\u043a\u0446\u0438\u044f getquery ($ \u0437\u0430\u043f\u0440\u043e\u0441).<\/li>\n
    4. $ res = mysql_query ($ query) \u0438\u043b\u0438 die (mysql_error())<\/li>\n
    5. $ row = mysql_fetch_row ($ res)<\/li>\n
    6. $ var = $ row 0,.<\/li>\n
    7. \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 $ var,.<\/li>\n
    8. ><\/li>\n
    9. \u0444\u0443\u043d\u043a\u0446\u0438\u044f setquery ($ query).<\/li>\n
    10. $ res = mysql_query ($ query) \u0438\u043b\u0438 die (mysql_error())<\/li>\n
    11. \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 $ res,.<\/li>\n
    12. ><\/li>\n
    13. \/\/\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u0441\u044c \u043a \u0431\u0430\u0437\u0435.<\/li>\n
    14. @ mysql_connect (‘localhost’, ‘root’, ») \u0438\u043b\u0438 die ("\u041d\u0435 \u0443\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a mysql."). ,.<\/li>\n
    15. @ mysql_select_db (‘best’) or die ("Cannot connect to database") ,.<\/li>\n
    16. @ mysql_query (‘set names utf8;’),.<\/li>\n
    17. switch ($ _get "event")<\/li>\n
    18. \/\/ \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/li>\n
    19. \u0414\u043b\u044f "\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c":.<\/li>\n
    20. \/\/ \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0432\u044b\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.<\/li>\n
    21. $ max_message = 60,.<\/li>\n
    22. \/\/ \u041e\u0431\u0449\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0432 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u043d\u043e\u0439 \u043a\u043e\u043c\u043d\u0430\u0442\u0435<\/li>\n
    23. $ count = getQuery ("select count(` id`) from `chat`;");<\/li>\n
    24. \/\/ max_message_id<\/li>\n
    25. $ m = getQuery ("select max(id)from` chat` where 1");<\/li>\n
    26. \/\/ \u0423\u0434\u0430\u043b\u0438\u0442\u0435 \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.<\/li>\n
    27. \/\/ \u0423\u043d\u0438\u0447\u0442\u043e\u0436\u044c\u0442\u0435 \u044d\u0442\u0443 \u0440\u0430\u0431\u043e\u0442\u0443, \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u0441\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e.<\/li>\n
    28. \u0435\u0441\u043b\u0438 ($ count> $ max_message)<\/li>\n
    29. setQuery ("from from.<\/li>\n
    30. ><\/li>\n
    31. \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c ID \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430.<\/li>\n
    32. $ mg = $ _get ‘id’,.<\/li>\n
    33. \/\/ \u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u043e\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430<\/li>\n
    34. \u0435\u0441\u043b\u0438 ($ mg == 0)<\/li>\n
    35. \u0435\u0441\u043b\u0438 ($ mg)<\/li>\n
    36. $ msg = array(),.<\/li>\n
    37. \/\/ \u0415\u0441\u043b\u0438 \u0443 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u043d\u0435\u0442 \u0432\u0441\u0435\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439, \u043e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u043d\u0435\u043f\u043e\u043b\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.<\/li>\n
    38. \u0435\u0441\u043b\u0438 ($ mg< $m )<\/li>\n
    39. \/\/\u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u043d\u0435\u0438\u0441\u043f\u0440\u0430\u0432\u043d\u044b\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438\u0437 \u0431\u0430\u0437\u044b.<\/li>\n
    40. $ query = "select * from` chat` where `did`>". $ mg. "\u0438 `id".< #339933">$ m. $ m. "order by" id`",.<\/li>\n
    41. $ res = mysql_query ($ query) \u0438\u043b\u0438 die (mysql_error())<\/li>\n
    42. while ($ row = mysql_fetch_array ($ res))<\/li>\n
    43. \/\/ \u043f\u0443\u0442\u0430\u043d\u0438\u0446\u0430 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\u0445.<\/li>\n
    44. $ msg = array ("id" => $ row ‘id’, "name" => $ row ‘name’, "msg" => $ row ‘text’),.<\/li>\n
    45. ><\/li>\n
    46. ><\/li>\n
    47. \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c JSON \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0443.<\/li>\n
    48. echo json_encode ($ msg),.<\/li>\n
    49. \u0422\u0430\u0439\u043c-\u0430\u0443\u0442 …<\/li>\n
    50. \u0414\u043b\u044f "\u043d\u0430\u0431\u043e\u0440\u0430":.<\/li>\n
    51. \/\/ \u0418\u043c\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438.<\/li>\n
    52. $ name = htmlspecialchars ($ _get ‘name’),.<\/li>\n
    53. \/\/ \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.<\/li>\n
    54. $ msg = htmlspecialchars ($ _get "msg", \/\/ \u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.<\/li>\n
    55. \/\/ \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/li>\n
    56. setQuery ("Intersing Into` Chat` (`id`, `name`, `text`) values (null, ‘". mysql_real_escape_string ($ name).". , » ‘. ") ;<\/li>\n
    57. \u0422\u0430\u0439\u043c-\u0430\u0443\u0442 …<\/li>\n
    58. ><\/li>\n<\/ol>\n

      \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u044d\u0442\u043e\u0442 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439? \u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0432\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u043a \u0431\u0430\u0437\u0435 \u0434\u0430\u043d\u043d\u044b\u0445. \u041f\u043e\u0441\u043b\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0432\u044f\u0437\u0438 \u0432\u044b \u0437\u043d\u0430\u0435\u0442\u0435, \u043e \u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0438\u0442 \u043a\u043b\u0438\u0435\u043d\u0442. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435, \u0432\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0435 \u0440\u044f\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439, \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0443 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u0414\u0430\u043b\u0435\u0435 \u0432\u044b \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0435 \u0443 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u0441\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u0438\u0445 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0443, \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0435 JSON \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u0432\u0441\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0443.<\/p>\n

      \u0422\u0435\u043f\u0435\u0440\u044c \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u0430 \u0434\u043b\u044f \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0430. \u0412\u0441\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u044d\u0442\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0447\u0430\u0442 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043d\u0435\u0433\u043e \u043d\u043e\u0432\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f. \u0414\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b Ajax. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0441\u043a\u0440\u0438\u043f\u0442 \u0432 \u0444\u0430\u0439\u043b\u0435 index.php \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439. \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u0433\u0430\u043c\u0438< head >. \u041d\u0430\u0448 Javascript:.<\/p>\n

        \n
      1. $ (function ())<\/li>\n
      2. \/\/ \u0415\u0441\u043b\u0438 \u0444\u0430\u0439\u043b cookie \u0441 \u0438\u043c\u0435\u043d\u0435\u043c \u043d\u0435 \u043f\u0443\u0441\u0442, \u043f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0435\u0433\u043e \u0438 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f \u0432 \u0444\u043e\u0440\u043c\u0443.<\/li>\n
      3. \u0415\u0421\u041b\u0418 ($. cookie ("\u0438\u043c\u044f")! = "")<\/li>\n
      4. \/\/ \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/li>\n
      5. var middle = 0,.<\/li>\n
      6. \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0432 \u0447\u0430\u0442\u0435<\/li>\n
      7. \u0444\u0443\u043d\u043a\u0446\u0438\u044f get_message_chat ()<\/li>\n
      8. \/\/ \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 Ajax-\u0437\u0430\u043f\u0440\u043e\u0441<\/li>\n
      9. $. ajaxSetup ()< url : "chat.php" , global : true , type : "GET" , data : "event=get&id #339933">+ mid + "&t #339933"> +<\/li>\n
      10. (\u043d\u043e\u0432\u0430\u044f \u0434\u0430\u0442\u0430). getTime ()>),.<\/li>\n
      11. \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441.<\/li>\n
      12. $. ajax (<\/li>\n
      13. \/\/ \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u0443\u0441\u043f\u0435\u0445\u0430.<\/li>\n
      14. \u0423\u0441\u043f\u0435\u0445: \u0444\u0443\u043d\u043a\u0446\u0438\u044f (msg_j))<\/li>\n
      15. \/\/ \u0415\u0441\u043b\u0438 \u0432 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0435\u0441\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/li>\n
      16. if (msg_j. length> 2)<\/li>\n
      17. \/\/ \u0420\u0430\u0437\u0431\u043e\u0440 JSON.<\/li>\n
      18. var obj=JSON. parse (msg_j),.<\/li>\n
      19. \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0432\u0441\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/li>\n
      20. for (var i = 0; i< obj. length ; i ++ )<\/li>\n
      21. \/\/ \u041f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 ID \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f<\/li>\n
      22. mid =obji. id,.<\/li>\n
      23. \/\/ \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u0431\u0435\u0441\u0435\u0434\u0443.<\/li>\n
      24. $ ("#msg-box ul"). \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c ("<\/li>\n
      25. "+ obji. name+"": "+obji. msg+"");<\/li>\n
      26. ><\/li>\n
      27. \/\/ \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u043a\u043d\u043e \u0447\u0430\u0442\u0430 \u0434\u043e \u043a\u043e\u043d\u0446\u0430.<\/li>\n
      28. $ ("#msg-box"). scrollTop (2000),.<\/li>\n
      29. ><\/li>\n
      30. ><\/li>\n
      31. >>) ;<\/li>\n
      32. ><\/li>\n
      33. \/\/ \u041f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443. \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435.<\/li>\n
      34. get_message_chat (),.<\/li>\n
      35. \/\/\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0447\u0430\u0442\u0430 \u043a\u0430\u0436\u0434\u044b\u0435 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b.<\/li>\n
      36. $ ("#t-box"). everyTime (2000, ‘refresh’, function())<\/li>\n
      37. get_message_chat (),.<\/li>\n
      38. >>) ;<\/li>\n
      39. \/\/ \u0421\u043e\u0431\u044b\u0442\u0438\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0444\u043e\u0440\u043c\u044b.<\/li>\n
      40. $("#t-box"). Submit (function ())<\/li>\n
      41. \/\/ \u0417\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u0435 \u0438\u043c\u044f \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<\/li>\n
      42. if\uff08\uff08\uff08\uff08 "#t-box input class =’name’"); attr("value") == "")< alert ( "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f!" ) >\u0418\u043d\u0430\u0447\u0435.<\/li>\n
      43. \/\/\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0438\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432 cookie.<\/li>\n
      44. $. cookie ("name", $("#t-box input class =’name’"). attr ("value"));<\/li>\n
      45. \/\/ \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0438\u0437 \u0444\u043e\u0440\u043c\u044b.<\/li>\n
      46. var msg = $((("#t-box input class =’msg’"). val()),.<\/li>\n
      47. \/\/ \u0435\u0441\u043b\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u0443\u0441\u0442\u043e\u0435<\/li>\n
      48. if (msg!= "")<\/li>\n
      49. \/\/ \u0447\u0438\u0441\u0442\u0430\u044f \u0444\u043e\u0440\u043c\u0430.<\/li>\n
      50. $ ("#t-box input class =’msg’"). attr ("value", ""),.<\/li>\n
      51. \/\/ \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 Ajax-\u0437\u0430\u043f\u0440\u043e\u0441<\/li>\n
      52. $. ajaxSetup ()< url : "chat.php" , type : "GET" , data : "event=set&name #339933">+.<\/li>\n
      53. $ ("#t-box input class =’name’"). val () + "&msg #339933" > + msg>),.<\/li>\n
      54. \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441.<\/li>\n
      55. $. ajax (),.<\/li>\n
      56. ><\/li>\n
      57. ><\/li>\n
      58. \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 false, \u0442\u0430\u043a \u0447\u0442\u043e \u0444\u043e\u0440\u043c\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430.<\/li>\n
      59. \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 false.<\/li>\n
      60. >>) ;<\/li>\n
      61. >>) ;<\/li>\n<\/ol>\n

        \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u044d\u0442\u043e\u0442 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439… \u041b\u0438\u043d\u0438\u044f (3). \u0415\u0441\u043b\u0438 \u0432 cookie \u0435\u0441\u0442\u044c \u0438\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0435\u0433\u043e \u0432 \u0444\u043e\u0440\u043c\u0443. \u0415\u0441\u043b\u0438 \u043f\u043e \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0447\u0430\u0442\u0430 \u0438\u043b\u0438 \u0437\u0430\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0447\u0430\u0442\u043e\u043c, \u0435\u043c\u0443 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0435 \u0438\u043c\u044f. \u041b\u0438\u043d\u0438\u044f (7). \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0447\u0430\u0442\u0430. \u0427\u0430\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e. \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u043d\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u0435 \u0432 \u0447\u0430\u0442. \u041b\u0438\u043d\u0438\u044f (9). \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 Ajax-\u0437\u0430\u043f\u0440\u043e\u0441. \u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e "t=" + (new Date).getTime ()? \u0415\u0441\u043b\u0438 \u0435\u0433\u043e \u043d\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u043a\u044d\u0448\u0438\u0440\u0443\u044e\u0442 \u0442\u043e\u0442 \u0436\u0435 Ajax-\u0437\u0430\u043f\u0440\u043e\u0441. \u0418 \u043d\u0430\u043c \u044d\u0442\u043e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e! \u042d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043e. \uff08\u0424\u0443\u043d\u043a\u0446\u0438\u044f (new Date).getTime() \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0440\u0435\u043c\u044f \u0432 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0430\u0445. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043a\u044d\u0448\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0434\u0440\u0443\u0433\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430. \u0421\u0435\u0440\u0438\u044f (16). \u041f\u043e\u0447\u0435\u043c\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u0432\u0430 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0435\u0439? \u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u0441\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0447\u0430\u0442\u0430 \u0435\u0441\u0442\u044c, \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 \u043d\u0435 \u043f\u0443\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443, \u0430 "". \u042d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u0442\u0432\u0435\u0442\u044b \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 JSON. \u0421\u0435\u0440\u0438\u044f (37). \u0417\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043a\u0430\u0436\u0434\u044b\u0435 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b. \u041c\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u043b\u0441\u044f \u043f\u043b\u0430\u0433\u0438\u043d jQuery timer. \u041e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e, \u043e\u0447\u0435\u043d\u044c \u0433\u0438\u0431\u043a\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c.<\/p>\n

        \u042d\u0442\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u0430\u0448 \u0447\u0430\u0442 \u0433\u043e\u0442\u043e\u0432 \u043a \u0440\u0430\u0431\u043e\u0442\u0435. \u0414\u043b\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u043d\u043e\u0441\u0442\u0438 \u0438\u043c\u0435\u043d\u0438 \u0438 \u0441\u043c\u0430\u0439\u043b\u0438\u043a\u0430 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e \u0434\u043b\u044f \u043f\u0440\u043e\u0447\u0442\u0435\u043d\u0438\u044f.<\/p>\n

        <\/span><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

        \u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, \u0445\u0430\u0431\u0440\u0443\u0437\u0435\u0440! \u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u043e\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u043d\u0443\u044e \u043a\u043e\u043c\u043d\u0430\u0442\u0443 \u043d\u0430 PHP \u0438 JavaScript. \u041f\u043e\u0434 \u043d\u0438\u043c \u0432\u044b \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u043c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430. \u041f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u044c\u0442\u0435\u0441\u044c… \u0414\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0447\u0430\u0442\u0430 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 MySQL. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u0443\u044e \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 phpmyAdmin. \u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u0437\u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u0442\u043e\u043b\u0438\u043a. \u0415\u0441\u043b\u0438 \u043e\u043d\u0430 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0446\u0443 […]<\/p>\n","protected":false},"author":4,"featured_media":21293,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[48],"tags":[],"_links":{"self":[{"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/posts\/13710"}],"collection":[{"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/comments?post=13710"}],"version-history":[{"count":0,"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/posts\/13710\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/media\/21293"}],"wp:attachment":[{"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/media?parent=13710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/categories?post=13710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lightanddesign.ru\/wp-json\/wp\/v2\/tags?post=13710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}