Монстры Java Script есть?

Задача может быть и не простая, но поставлена предельно чётко. Бюджет предлагайте сами, какой считаете правильным. Как вариант – работа за отзыв в блоге (более 1000 подписчиков из SEO-тусовки) и на форуме.

Самое главное, чтобы проект был выполнен максимально быстро (чудно, если в ближайшие часы) и максимально качественно. Если возникнут вопросы, не стесняйтесь спрашивать.

Итак, ТЗ

Посмотрите вот эти две безжизненные странички:

http://brokenbrake.biz/stuff/microtodo-clean.html

http://brokenbrake.biz/stuff/microtodo.html

Если у вас есть аккаунт в tadalist.com, вам проще будет понять, что нужно сделать, хотя и так ясно. Проект представляет из себя ультраминималистичный список дел в одном HTML-файле, данные которого хранятся в куках браузера. Полностью продумана концепция и сделана вёрстка – вам осталось лишь добавить JS чтобы всё заработало как надо.

Детали

1. Свежый файл выглядит так – http://brokenbrake.biz/stuff/microtodo-clean.html

Это если в куках пользователя ничего не записано. Обратите внимание, при этом у ссылки создания нового списка (сброс cookies) появляется класс hidden, а у контейнера с формой class='add new'.

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

3. Заполненный список – http://brokenbrake.biz/stuff/microtodo.html

При включении чекбокса элемент должен перемещаться вниз спика и ему должен присваиваться класс OK (в примере всё видно). Если чекбокс отключается, снимается класс и элемент помещается наверх списка. Естественно, всё это отражается в куках.

4. При клике по красному крестику (появляется при наведении курсора на пункт списка) элемент должен удаляться.

5. При клике по ссылке "новый список" удаляется таймер, удаляются куки и страница приходит снова в свежее пустое состояние.

6. Если прием кук отключен у пользователя в браузере, должен генерироваться абзац (элемент p) с классом ahtung, в котором будет текст ошибки.

7. Таймер. Всегда видны только секунды. Таймер должен "уметь разговаривать по-русски", то есть не должно быть "2 час", "5 минуты" и т. п. Нулевые значения часов и минут не показываются вообще ("0 часов", "0 минут").

При реализации таймера рекомендую ознакомиться со следующими статьями:

http://habrahabr.ru/blogs/java/37579/

http://habrahabr.ru/blogs/arbeit/60982/

8. Страница не должна перезагружаться, изменение дерева элементов и информации в куках пусть происходит мгновенно, на лету. Я думаю, это возможно, хоть и не спец в JS.

9. Порядок сортировки тоже должен сохраняться в куках, подумайте, как это лучше осуществить. При этом прошу не тратить время на инициативу - именно сортировка в проекте не предусмотрена (лишняя функция, отнимающая время).

Обязательные условия

1. Проект должен быть выполнен без использования библиотеки jQuery и подобных (слишком тяжеловесно для одного файла). Код должен быть минималистичным.

2. Непосредственно в тело HTML у вас доступа нет, весь JS должен быть в соответствующем контейнере head.

3. Кроссбраузерность обязательна! Работать должно во всех современных браузерах.

Дополнение

Если для вас не слишком сложно, необходимо реализовать возможность удобной работы не только с мышкой, но и с клавиатуры.