Требуется написать Javascript-контейнер, загружающий другой javascript-модуль и взаимодействующий с основной HTML-страницой:
Как это выглядит: нужен универсальный JS-скрипт, который встраивается администратором сайта в веб-страницу. При этом сам скрипт будет лежать удаленно. Скрипт соединяется с сервером и получает либо пустой файл, либо ссылку на модуль, который в свою очередь тоже является JS-скриптом. Но основной функционал разрабатываемого скрипта состоит в следующем (детальное ТЗ вышлю потенциальным кандидатам):
- Инициализация на предмет наличия загружаемого модуля. Если XML пустой, то нет смысла создавать слои и т.п.
- При этом, запрос должен происходить пассивно, не мешая загрузке основной страницы (желательно чтобы либо модуль запрашивался последним, либо при наличии модуля он не пытался загрузить все и сразу.
- Если в ответном XML есть ссылка на загружаемый блок, то передаются основные параметры: размер, ссылка на файл.
- Тогда уже JS-контейнер должен создавать div-слой с загрузкой туда JS-модуля (скорей всего через iframe).
- После определенной команды JS-контейнер раздвигает основную страницу, показывая подгруженный JS-элемент.
- Создаваемый DIV (или альтернативный элемент) должен быть достаточно универсальным, чтобы не разрушать верстку основного сайта. Кроме этого желательно предусмотреть разные виды страниц, в которые такой JS-контейнер может быть создан.
Требования:
- Учет адаптивной верстки сайтов (оригинальная страница может быть адаптивная)
- Учет боковых элементов – на странице часто могут быть справа баннеры и другие элементы, они не должны разъезжаться
- Работа во всех основных браузерах, а также в мобильных – Chrome, Safari и др.
- Минимальное использование ресурсов (нагрузка на браузер, размер самого скрипта и подгружаемых библиотек и т.п.)
- Предпочтение отдадим разработчикам с опытом
Примеры:
- на этой странице 3-й пример (Нажать кнопку – страница сдвигается вниз)
- видео появляется в середине страницы