Доработать скрипт на Javascript
Бюджет
25$
/ 1500
руб
в месяц
Создан: 1 год назад
На модерации
- Описание
- Имеется готовый скрипт, написанный на 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
Похожие проекты
$500
0
2
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 месяц назад
$120
0
2
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
2 месяца назад
11
1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
2 месяца назад
0
5
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
2 месяца назад
0
2
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
2 месяца назад
$33
10
1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
2 месяца назад
$22
27
2
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
2 месяца назад
138
2
Обменник криптовалют ( ТЗ во вложении)....
3 месяца назад
498
6
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
3 месяца назад
134
6
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
3 месяца назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
3 месяца назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
3 месяца назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
3 месяца назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
3 месяца назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
3 месяца назад
109
2
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
3 месяца назад
$250
315
16
Разработка продающего лендинга, ТЗ во вложенных файлах....
3 месяца назад
164
6
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
3 месяца назад
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
3 месяца назад
Перетащите