Доработать скрипт на Javascript
Бюджет
25$
/ 1500
руб
в месяц
Создан: 2 года назад
На модерации
- Описание
- Имеется готовый скрипт, написанный на javascript. Скрипт обычного календаря. Необходимо его доработать.
Пункты доработок:
1. Добавить поле ввода (input type="text"), кнопку (обычный div с иконкой) и надпись (label). При отдельном нажатии на каждый из них должен появляться скрытый блок (div с календарем) с анимацией через стили css на @keyframes (можно обычный scale или transform с использование transition в 0.5s). Выше указанные элементы должны быть responsive.
2. Появление скрытого блока с календарем (div с календарем) не должно смещать ниже размещенные элементы верстки (другие div), а раскрываться поверх все данных блоков.
3. При выборе даты в календаре любого месяца и любого года в элементы, указанные в пункте 1 (input, div и label) должна отобразиться выбранная дата. Соответственно после клика на дате окно с календарем (div с календарем) должно скрыться через стили css на @keyframes (можно обычный scale или transform с использование transition в 0.5s). Также скрываться окно должно при клике за пределами данного окна и вышеуказанных элементов.
4. Данная конструкция скрипта должна работать асинхронно, то есть при добавлении нескольких подобных календарей каждый из них должен работать автономно. При этом стиль css должен быть единым для каждого календаря. То есть если в скрипте будут динамически создаваемые стили определенных элементов, то чтобы не было необходимости для каждого из них прописывать свой стиль дополнительно в файле стилей css.
5. Добавить возможность выбора диапазона дат. Полученный диапазон должен проставляться в указанный выше элементы с разделителем (в качестве разделителя обычный дефис или тире). Выбор должен осуществляться путем клика на первую дату, а потом на следующую дату. При этом можно перелистывать календарь до нужного места. Закрытие окна должно происходить после клика на вторую дату. Соответственно в коде html надо прописать дополнительный класс или идентификатор, по которому скрипт будет определять простой календарь или с выбором диапазона.
6. Вынести из скрипта в отдельный файл массивы месяцев, их абриавиатур и дней недели. В качестве формата файлов для данной цели применять json или ini. Данные из таких файлов должны подгружаться в скрипт в соответствующий массив.
7. При перелистывании годов:
- на последнем месяце (декабрь) добавить автоматическое переключение на другой месяц (январь) следующего года
- на первом месяце (январь) добавить автоматическое переключение на другой меся (декабрь) предыдущего года
8. Разделить логику скрипта таким образом, чтобы выводились месяцы и года:
- в виде всплывающего окна с месяцами при клике на название месяца и скроллинга годов (в настоящее врем реализовано).
- в виде скроллинга месяцев и года (аналогично годам. нажатие стрелки вправо пролистывает на следующий месяц года и соответственно в обратную сторону)
- в виде отдельных окон рядом с основным (отдельное окно с месяцами и отдельное окно с годами, перелистывание в виде вертикального скролла)
P.S.: Стилистика календаря остается на без изменения, над стилями не надо работать. Код должен быть только на Javascript, CSS, HTML. Стили строго в файле css, а не частично в Javascript или html.
P.S.: Работу можно разделить на части.
Детали при личной переписке с кандидатами (ссылки источников, исходник скрипта, демонстрация экрана).
- Категория
Источник: fl.ru
Похожие проекты
$33
10
0
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
11
0
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
$22
27
0
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
1
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
3
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
3
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
198
11
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
1 год назад
174
16
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
1 год назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
1 год назад
109
1
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
1 год назад
$250
315
12
Разработка продающего лендинга, ТЗ во вложенных файлах....
2 года назад
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
2 года назад
164
4
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
2 года назад
$63
147
3
Нужно поднять сайт на базовой теме на связке Ghost + Gatsby + CDN. Саму CMS Ghost надо будет поставить и настроить на хостинге заказав необходимый по параметрам сервер. Что касается CDN думал о G Core Labs, но приму любой совет. Сайт ориентирован 100% на РФ. После того как поднимем сайт, нужно будет......
2 года назад
228
3
Необходимо доработать WordPress шаблон, настроить интеграцию с 1с, исправить незначительные баги. Технические задачи обсудим вместе с техническими директором заказчика. Условия: Стоимость работ от 14к, в случае быстрого выполнения работы будет премирование, а также предложим постоянное сотрудничество.......
2 года назад
101
1
Необходимо решить проблему с передачей UTM меток, glid, glientID, ymclid в amoCRM при начале диалога в одном из мессенджеров и входящем письме на почту....
2 года назад
$900
160
4
Разыскивается опытный программист на WordPress. Нужно допилить торговую площадка B2B на WordPress согласно аналогу. Подробнее в личной переписке. Просьба дилетантов и не понимающих не беспокоить....
2 года назад
Перетащите