--- title: "Разработка Мессенджера Нового Поколения" description: "Можно строить пересечения, делать аналитику, таргетировать и т.д. В мессенджеры реализованы функции..." author: "autogoldkz" published: "2020-05-31T14:44:38+00:00" modified: "2020-06-15T10:26:55+00:00" locale: "ru" canonical_url: "https://yvision.kz/post/razrabotka-messendzhera-novogo-pokoleniya-858126" markdown_url: "https://yvision.kz/post/razrabotka-messendzhera-novogo-pokoleniya-858126/markdown" site_name: "Yvision.kz" --- # Разработка Мессенджера Нового Поколения > Можно строить пересечения, делать аналитику, таргетировать и т.д. В мессенджеры реализованы функции... Можно строить пересечения, делать аналитику, таргетировать и т.д. В мессенджеры реализованы функции: + текстовые чаты — отправка аудио сообщений — отправка файлов — шеринг местоположения — аудио/видео звонки + групповые чаты без ограничения количества участников Сейчас чат в разработке накидал дизайн вот что получилось Версия 28 http://vse.ru.com/c28.php Версия 31 http://vse.ru.com/c31.php + Autocomplete 01.06.2020 ; 15:00 Общение между окнами фреймами функция postMessage пример google http://vse.ru.com/postmessage-index.php form.onsubmit = function() { iframe.contentWindow.postMessage(this.message.value, '*'); return false; }; http://vse.ru.com/iframe.html Получение ифрейма. window.addEventListener('message', function(event) { alert(`Получено ${event.data} из ${event.origin}`); }); Согласно браузерной политики безопасности, из iframe и frame запрещен доступ не только к cookie, но и к любым родительским элементам, если домены не одинаковы. Казалось бы всё, тупик... Но после не продолжительного мозгового штурма я придумал простое до гениальности решение. Дело в том, что никто не мешает из iframe менять location.href родительской страницы. А что б страница не перезагружалась, задействуем якори. Вот что в итоге получилось: http://vse.ru.com/papa.php // скрипт, который будет запускаться по команде из iframe // в данном случае это просто alert() function my_script() { alert('ok'); } // скрипт, который раз в секунду проверяет состояние родительской ссылки // и при появлении в ней якоря, начинает выполнение заданных действий function check_anchor() { var href = window.location.href.split('#'); if (href.length>1) { var anchor = href[1] || ''; window.location.href = href[0] + '#'; if (anchor == 'my_script') { my_script(); } } } // запускаем таймер, который раз в одну секунду будет выполнять check_anchor setInterval('check_anchor();', 1000); Example 1: //Assume that the current URL is var URL = "http://www.example.com/test.htm#part2"; var x = window.location.hash; //The result of x will be: x = "#part2" Exmaple 2: $(function(){ setTimeout(function(){ var id = document.location.hash; $(id).click().blur(); }, 200); }) Example 3: var hash = "#search" || window.location.hash; window.location.hash = hash; switch(hash){ case "#search": selectPanel("pnlSearch"); break; case "#advsearch": case "#admin": } Example 4: js $(document).ready(function(){ var hash = window.location.hash; if(hash.length > 0){ // your action with the hash } }); Example 5: php if (!empty($_GET['doaction']) && $_GET['doaction'] == blabla ){ echo 'alert("hello");'; } Узнать url Iframe iframe_bd.contentWindow.location.href Добавление, перенос и импорт контактов Версия 36 "Bootstrap 4 Navbar with Icon Top" ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/b6ae9cc0d0648b85228d5ae444afcf.png) Оформляем цитаты, стильно и современно! Сегодня мы собираемся создать некоторые привлекательные стили для оформления блоков с цитатами. Используя текстуры, круги, и псевдо-элементы, можно значительно оживить блоки с цитатами или советами. Пример 1 тут Пример 2 тут On Click Select image As check box Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/be5f6764da96f222d35bd4a78d779d.png) Окно предупреждения на ajax Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/4406314cef3d84f9b710ff1d29c7b8.png) Связываем две функции в одну выделение и продолжение Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/e26af0d99b06b2528b22a17a237c9b.png) "Accordion with new idea and style using Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/9e76112558e1e8cd1ebb6f4ded210a.png) Лента статусов Trancking result timeline Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/dff6fc2f2052a941776f0d9176d881.png) Interactive SVG Карта Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/8cf86a1c0141d34b28fa6c5b967135.png) Кругу друзей Testimonial section Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/ce33a8e77b49814857f1873c6cab73.png) Основные кнопки "Hexa shape button" Пример 1 тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/389af8eb90c7673e8f45483aba77d3.png) Пример 2 тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/fa010695c11df7e783f7197ea18c8f.png) Статус заполнение анкеты шаги Additional element : Steps Wizard Using Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/4b25490e6592e8a45161c677cc6a95.png) Развитие проекта новые возможности Bootstrap 4 Timeline Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/f974968d7db0e5dbefe9946a956607.png) Tree or Sitemap using Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/a108358dc64a46f3cebe3cdb181491.png) Bootstrap Table with Add, Edit and Delete Row Пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/c2bf9002226d761423378f0ebeae0e.png) Блокировка аккаунта Process Status Summary пример тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/a9ccb3572b64d6d5dcf02769ffd2f4.png) Creative User Profile Пример тут 2 ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/ebc722469b00cd30adb5635b9f728c.png) timeline style 1 ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/d808258ce85919577d073466046b1e.png) timeline 2 ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/de10d33ba4bd8ecc8df86c5424f3b2.png) Horizontal timeline ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/ca381e8f70ae459dfa5c33786eb2a3.png) Best CSS Timeline Snippets ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/b3a801b6580bc508ac31700b9896cc.png) timeline css bootstrap Price-Plan.php тут ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/330d7195b4d1834d381f0d0813cca0.png) КОЛЛЕКЦИИ Кэшбэк css ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/d298774d4951b33afec872a23fbe3e.png) https://bestjquery.com/tutorial/timeline/demo47/ ![Разработка Мессенджера Нового Поколения](https://storage.yvision.kz/images/user/164373/f5658f9e51583111506590c8db08a1.png) https://bestjquery.com/tutorial/timeline/demo98/ --- Source: [https://yvision.kz/post/razrabotka-messendzhera-novogo-pokoleniya-858126](https://yvision.kz/post/razrabotka-messendzhera-novogo-pokoleniya-858126)