Фрилансеры предложат решение вашей задачи уже через несколько минут!
Публикация заказа не займет много времени.
6 месяцев назад
Игорь Кабанов
45 лет, Россия
11 лет в сервисе
Был онлайн 1 месяц назад
6 месяцев назад

Задача: верстка одной формы и одной формочки (см. рисунки). Установка 2 js компонентов

На форме есть дата пикер, список множественного выбора, и табличка. Планируется использование https://jqueryui.com/datepicker/ и https://github.com/harvesthq/chosen. Элементы должны быть установлены в тестовой версии формы, и должно быть видно, что они работают. Бизнес-логику никакую программировать не надо, только демонстрация работы. 

Будет дан ftp доступ, Исполнитель заливает css, html и js на сайт Заказчика, работа принимается на сайте. 

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

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

Список множественного выбора 1) должен работать 2) дизайн элементов - цвет, закругления, обводки - делаем как на рисунке.

Для списка множественного выбора, и выбора даты, мне нужно знать, какие именно элементы были изменены для подгонки под заданный дизайн. Для этого, после установки списка и даты, делаем архив. Я этот архив заливаю в систему контроля версий, и потом смогу понять, что где было изменено при подгонке. Или после установки нулевой версии списка и даты сказать мне, я сразу в свн залью, без архива :).

Кнопки радиобаттонов - делаем как на рисунке.

Кнопки влево - вправо - при клике на кнопки, должно происходить любое событие (меняться какая-либо текстовая надпись), чтобы было видно что они работают. 

Для списка множественного выбора делаем js функцию get_id_list, которая возвращает случайный тестовый набор ФИО, заселяем список согласно get_id_list.

Для календаря делаем js функцию get_timetable, которая возвращает тестовый набор данных. 

На выходе функция get_timetable возвращает двумерный массив array (column_n, nn), где первая размерность - номер колонки, вторая размерность - номер элемента в колонке. Каждый элемент массива сам по себе является массивом, описывающим одну клетку расписания.
$column_element = array(
    margin_before => 2,         // зазор перед элементом в пикселях. Красится цветом фона
    height = 40,                // высота собственно элемента в пикселях. 
    margin_after => 0,          // зазор после элемента. Красится цветом фона
    element_type => 2,          // тип элемента: белый квадратик, желтый квадратик, темно-серый квадратик, квадратик заголовка, квадратик заголовка со скругленным левым верхним углом, квадратик времени, подсвеченный квадратик времени
    "text" => "10:00 в магазин за продуктами", // текст. Если текст не влезает, то раздвигать элемент не надо, текст обрезаем. Если есть место, делаем перевод строк. Если влезает (например) 0.8 строки по высоте, то текст выводим, при этом нижняя 0.2 часть текста отрезана (не выводится). 
    "upper_left_pic_n" => 0,    // рисунок в верхней левой части. Если 0, то рисунка нет, если число от 1 до 5, то берем один из заданных рисунков, с указанным номером
    "click_on" => true       // если true, то при наведении мышки отображается зеленая обводка (см. рисунок). click_on=true может быть только у element_type==белый/желтый квадратик
); 

При выводе расписания, в каждой из колонок набор элементов может быть произвольным по высоте. Поэтому делаем таблицу из одной строки, и необходимого набора колонок. 

Внутри колонки, последовательно отображаются элементы, возвращенные функцией get_timetable для этой колонки. Разделение между клетками внутри колонки делается за счет зазоров margin_before и margin_after. За то, чтобы клетки, соответствующие например 10:00, располагались на одной высоте, будет отвечать функция get_timetable, обеспечивая равенство сумм высоты всех элементов, выводимых до 10:00, во всех колонках. Для тестирования, накидываем в get_timetable набор случайных элементов, заголовок и колонку времени стараемся не путать с содержимым :), собственно содержимое накидываем элементы случайным образом.

При клике на элемент таблицы, для которого click_on==true, страница дизэйблится (ни на что нельзя кликнуть), для страницы ставится Opacity=0.5, в центре страницы выводится модальная форма, см. рисунок 2.

css правила и код должны быть аккуратно оформлены и прокомментированы.

В качестве опции, если Вы знакомы с php и ajax, могу выдать расширенное ТЗ. В этом случае функции get_timetable и get_id_list будут по прежнему возвращать тестовые наборы данных, но это будут php функции на сервере. Добавится отправка/получение данных на сервер, нажатие кнопок и т.д., т.е. элементарная обвязка, по прежнему без бизнес-логики заполнения выпадающего списка и расписания. При этом я буду готов заплатить дороже :).

Я оцениваю работу где-то в день, и примерно в 3000-4000 р. Но это, естественно, примерно.
Оплата WMR.
Общение в телеграмме (желательно с голосом), скайпе, чате веблансера. Лучше телеграмм, потому что скайп у меня глючит и без голоса. 

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

Выбранный исполнитель

Виталий Ф.
24 года, Россия
6 месяцев в сервисе
Был онлайн 2 месяца назад
6 месяцев назад

$50

3 дня

Заявки фрилансеров

Сергей Д.
Сергей Д. 
23 года, Россия
1 год в сервисе
Был онлайн 1 месяц назад
6 месяцев назад
Леонид Рыбаков
49 лет, Россия
5 лет в сервисе
Был онлайн 4 месяца назад
6 месяцев назад
Александр С.
Александр С. 
30 лет, Украина
3 года в сервисе
Был онлайн 22 дня назад
6 месяцев назад
Николай П.
Николай П. 
35 лет, Украина
3 года в сервисе
Был онлайн 7 часов назад
6 месяцев назад
Виталий Ф.
24 года, Россия
6 месяцев в сервисе
Был онлайн 2 месяца назад
6 месяцев назад
Валерий Савчин
33 года, Россия
1 год в сервисе
Был онлайн 13 часов назад
6 месяцев назад
Славик З.
34 года, Украина
6 месяцев в сервисе
Был онлайн 5 месяцев назад
6 месяцев назад

Похожие заказы

Нарезка HTML

нарезка дизайна (участие в нем при наличии соответствующих навыков) Средний срок: 1,5 календарных дня Исходные данные - ".PSD" файл с несколькими слоями и готовые шаблоны (все от 1-го этапа после его утверждения). Работа состоит в верстке h...

Верстка 10 базовых макетов

Требуется 1-10 верстальщиков. На первом этапе необходимо сверстать 10 простых базовых макетов. После 2-го января будет еще к каждому по 9 клонов. Прошу не беспокоить тех, кто: - боится, что его кинут - любителей предоплаты А так же дизайнеров-

Верстка сайтов под CMS

Необходима удаленная верстка сайтов под CMS (своя собственная, синтаксически похожая на Mango). Время одного проекта ~ 1-2 недели. Под версткой понимается создание html кода, размещение в нем маркеров для CMS, создания таблицы стилей на базе дизайна,...

Верстка

Верстка. Срочно нужна верстка готового дизайна, и программинг формы для отправки заявок. 1. Есть очень привлекательный дизайн, уже нарезаный, его осталось только сверстать. Там может возникнуть некоторая трудность, но для хорошего верстальщика это не...

Нужно сделать верстку 13 страниц в HTML

ИСХОДНИКИ БУДУТ ПРЕДОСТАВЛЕННЫ! У вас должен быть опыт реальный в этих вещах. Пожалуйста не присылайте чужие работы. Пишите РЕАЛЬНЫЕ ЦЕНЫ. Сколько времени это займет? Безопасная оплата через WEBLANCER! Пример одной из страниц в приложении.

Нужен опытный верстальщик на крупный портал

Нужно сверстать достаточно сложный макет, плюс наложить на него два флэш-блока (большой и маленький). В одном из мест даже нужно наложить статический блок (форма логина) на динамический элемент (флэшку) -- так что верстальщик нужен действительно опыт...

Нужен верстальщик

Макет простой. Требования к верстке: а) совместимость с XHTML v1.1 б) аккуратность (отступы в логических блоках верстки, все стили живут только в CSS и т.п.) в) сроки -- 1 день. Принципиальный момент: оплата 100% по завершении работ. Отзывы

Верстка портала

Содержание верстки (http://www.lelis.info/tb/, 80 шаблонов): - Дизайн сайта - Дизайн сайта для pda (тоже по макетам, отличия в ширине и кол-ве картинок) - Админка внутренняя - Админка для посетителей и клиентов Основные критерии приема шаблонов:

Верстка сайта для Opera

Прошу откликнуться тех, кто может оказать помощь в верстке сайта для Opera, знает отличия от InternetExplorer. Откликнувшимся вышлю подробности по email.

HTML верстка страниц научной книги

Для сайта http://fieldphysics.ru/ надо переверстать раздел "читать книгу" (http://fieldphysics.ru/read/), в нормальный HTML (сейчас вставлено из ворда). Нормально это: 1. Приемлемый HTML код (Убрать мусор и стили ворда) 2. Формулы и изображ...