14:44, 31 мая 2020

Разработка Мессенджера Нового Поколения

Можно строить пересечения, делать аналитику, таргетировать и т.д.

В мессенджеры реализованы функции:

+ текстовые чаты — отправка аудио сообщений — отправка файлов — шеринг местоположения — аудио/видео звонки + групповые чаты без ограничения количества участников

Сейчас чат в разработке накидал дизайн вот что получилось

Версия 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 '';

}

Узнать url Iframe

iframe_bd.contentWindow.location.href

Добавление, перенос и импорт контактов

Версия 36

"Bootstrap 4 Navbar with Icon Top"

Оформляем цитаты, стильно и современно!

Сегодня мы собираемся создать некоторые привлекательные стили для оформления блоков с цитатами. Используя текстуры, круги, и псевдо-элементы, можно значительно оживить блоки с цитатами или советами.

Пример 1 тут

Пример 2 тут

On Click Select image As check box

Пример тут