Переверстать шапку сайта адаптивно – №1023865

Пример стандартной кнопки у битрикс24:
human - evo . com / t1 /  (без проблеов)

Задача 1

1) нужно сделать что бы она не мигала )
2) цвет красный
3) при открытии чата, иконка меняется на крестик
4) фон в самом мессенджере заменить на другую картинку

Результатом работы считается готовый код, который я размещаю у себя на сайте, открытые линии работают и не глючат, выполнены все 4 задачи.

Задача 2
Вроде как можно передавать в лиды дополнительные переменные: ссылка
Нужно передать 1 параметр (site_user_id), который генерируется в php на бакэнде. Если нужно, могу отдать его в коде js сгенерированной страницы, или отдельным json файлом.
Есть потребность в консультации, как добавить это на стороне битрикс24.

Результатом работы считается готовый код, который я размещаю у себя на сайте, при окончании чата, добавляется лид, в котором есть дополнительное поле site_user_id. Свернуть

Это приватный заказ для Станислава.
____
Мы размещаем наши статьи на других сайтах, делаем это через биржу.У нас есть готовые тексты и картинки ко всем статьям.Нужно готовые статьи из DOC-документов переносить в систему биржи.Доступ в аккаунт на бирже предоставлю личным сообщением.Требование по оформлению статей.Для простоты понимания, посмотрите на уже оформленные статьи:ссылка Выделить заголовок первого уровня– h1– Выделить заголовки второго уровня– h2– Выделить заголовки третьего уровня– h3 (иногда есть)– Вставить картинки под заголовками 3-4 (просто перетащить в окошко), или по смыслу в тексте. Выровнять по центру. Не всегда предоставляются, тогда пропустить пункт.–Желательно знать минимально HTML, или быстро разобраться (там просто). – Выделить “главную мысль” жирным – 1 раз на 2-3 абзаца.– Если где-то идет список – то сделать список: нумерованный или нет.– Перепроверить исходный HTML-код, убрать лишнее, что появилось: 
     – это пробел.
   <br> – это перенос строки, нужно сделать абзацем <p>, если встретилось.– Написать Title (важно для людей и поисковиков) – переписать главный заголовок другими словами/ синонимами (60-70 символов).– Написать Description (важно для людей и поисковиков) – переписать главный заголовок другими словами/ синонимами/вопросами. Написать то же самое, но по-другому. Кратко написать главные мысли (170-200 символов). Тут можно быстро подучиться, если не знаете как это делать.– может ещё какие-то мелкие пожелания, если я пропустил.
 Свернуть

Добрый день!

Дано:
Форма для заполнения данных об участниках группы.
1 общее поле E-mail,
1 блок открыт всегда для 1 частника,
9 скрытых блоков участников.
Блок - это группа полей (Имя, Пол, Гражданство, может дополняться позже новыми полями).

Задача 1:
1. При каждом клике на ссылку "Добавить человека" показываем 1 скрытый блок.
2. Когда показаны все 10 блоков скрываем ссылку "Добавить человека".
3. Начиная со 2-го блока, блок можно скрыть по клику на ссылку "Удалить".  При клике "Удалить" все поля блока должны быть очищены.
3.1. Если мы скрываем блок, а до этого ссылка "Добавить человека" была скрыта, т.к. все 10 блоков были раскрыты,  то ссылка "Добавить человека" должна появиться, т.к. освободилось 1 место.
4. Ко всем полям (input.select), при клике "Добавить человека" должно добавиться required.
При удалении человека, required должен удаляться. То есть не мешать отправке формы из-за данного условия.

Задача 2:
1. Нужна доп проверка на заполненность полей помимо required. Например, версия браузера не поддерживает required.
Все поля (input,select) обязательны для заполнения. Если не заполнено поле 2-го человека, скрипт должен выдать alert (стандартное всплывающее окно): "Не заполнено Гражданство 2-го человека". Если 3-го, то указать 3-го человека и т.д.
2. Скрипт должен идти отдельно, чтобы интегрировать его позже. Например, указали id формы и скрипт включился. То есть не нужно его интегрировать с задачей 1.

Условия:
1) Кроссбраузерное решение. Использование максимально поддерживаемых функций. Не используем самые новые, а те, что максимально поддерживаются, IE в том числе.
2) Чистый Javascript.
3) Решение должно работать на ПК, планшетах и смартфонах (Andriod/iOS).
4) Решение не должно быть тяжелым в плане производительности. Если какая-то задача слишком тяжелая-долгая, напишите об этом. Подумаем, можем ли убрать-изменить подход.

Условие адаптивности важно, т.к. пользователи в среднем 40+. То есть у них могут быть старые версии браузеров-компьютеров.

ЗЫ. Для удобства я прикрепил html файл с готовой формой. 2-ой блок открыт для примера. Осталось только, чтобы заработали ссылки (Добавить/Удалить) и проверка на заполнение. Свернуть