Stalker_RED

И почему ... у меня вышло: [кракозябры]

Потому что кодировка страницы отличается от кодировки того, что вы подключили.
Самый простой способ избежать подобного - использовать везде UTF-8

Virtual Audio Cable

Вы не можете подставить другой путь в input type=file в целях безопасности так специально сделано. Впрочем, можно отправить файл через ajax без участия инпута.

Не подскажите а какие данные с input file вообще отправляются на сервер значение value?

Отправляется имя и тип файла, его размер, и собственно содержимое. Файлов может быть больше одного.

Вот пример того, что видно из PHP когда файл пришел:
php.net/manual/ru/reserved.variables.files.php#89674

В таких случаях выбор из двух возможностей:
1. сделать на том, что лучше знаете
2. сделать на том, что хотите изучить.

Можно взять QT и плюсы. Можно выбрать что-то из питоновских GUI. Можно взять что-то совсем новое.

Фреймы прикрутить, например. Или переделать все на SPA.

Вы написали огромную стену текста, но даже не попытались почитать как сделано у тех самых гигантов, которые вы перечисляете? Это ведь не секретные техники, почти у всех есть дев-блоги, многие на конференциях доклады дают, куча лекций по хайлоаду.

А вот и "глубокий" ответ: если вы думаете, что существует волшебный универсальный рецепт типа "все чаты храним в %databasename%", и "все фотки храним в %storagename%", то вы ошибаетесь. Придется учитывать специфику проекта, проводить сравнение разных подходов на реальных данных, и так далее.

Карта развития веб-разработчика

win+pause → дополнительные параметры системы → вкладка "дополнительно" → визуальные эффекты → Анимация в меню пуск и панели задач

Хороший сисадмин в основном спокойно почитывает интернетики, так как у него уже все настроено и работает как часы. Плохой сисадмин весь в поту и пыли, бегает от компа к компу, что-то настраивает, чинит, накатывает обновления вручную и все такое.

Рекомендуемая литература для начала:
«Архитектура компьютера» Э. Таненбаум
«Компьютерные сети» Э. Таненбаум
Учебник по русскому языку.

А у вас мышь к смартфону подключена? Если нет, то вам нужно события типа touch и tap отслеживать, а не click.
https://developer.mozilla.org/en-US/Apps/Fundament...

если убрать строку echo('Login OK');то все нормально

А когда вы возвращаете echo, держу пари, что появляются ошибки headers already sent.

И документацию по сессиям вы еще не смотрели.

Замечание:
Для использования сессий на основе cookie, функция session_start() должна быть вызвана перед выводом чего бы то ни было в браузер.

Продублирую то, что уже писал в комментариях к предыдущему вопросу.

document.querySelector('.for').onclick = function(){
        var form = document.querySelector('.popupcontact');  // вы получаете элемент с классом popupcontact
        p.open(form.innerHTML); // берете то, что ВНУТРИ него
    };

при этом в CSS у вас все завязано на класс popupcontact, но сам элемент вы не переносите, потому и не применяются стили.

Если же перенести сам элемент, при помощи outerHTML например, то вообще не увидите форму, потому что

.popupcontact {
  display: none;  /* <-- БДЫЩ! */
  min-height: 590px;
  padding-top: 130px;
  background: url(../img/back_foot.png) left top no-repeat;
  background-size: cover;
}

Можно сделать как-то так https://plnkr.co/edit/HLH1jwwXc29pVaAMae7m?p=preview
но лучше это выбросить целиком, там еще и дыры для XSS.

Можно переключать при каждом запросе его состояние семафора, например.

Но если цель этого - распределение нагрузки, то возможно стоит посмотреть в сторону готовых решений
Балансировка нагрузки

innerHTML получает то, что внутри вашего элемента. Для получения самого элемента есть outerHTML

var myButton = document.querySelector('.btn').outerHTML;