«Центр Дистанционных торгов»

Разработан интерфейс торговой площадки, имеющий открытую и закрытую части. Система оформлена в соответствии с предоставленным фирменным стилем. Важное требование при разработке: стабильная работа интерактивных элементов и исполняемых скриптов под старыми версиями браузеров.

Главный экран

Элементы интерфейса

Так же был написан ряд скриптов для реализации некоторых задач интерфейса.

Описание разработанных скриптов:

Календарь, JQuery. Группа формы для ввода и кнопки, при нажатии на которую открывается календарь (с учетом високосного года) с полем для ввода времени(можно отключить при инициализации). Инициализация календаря производится через JavaScript (при инициализации указывается идентификатор поля формы, значение календаря по-умолчанию, со временем ли календарь или без). При изменении значения в форме, происходит переинициализация календаря новыми значениями.

Выпадающе двухуровненовое, горизонтальное меню с задержкой. Css, JavaScript. При открытии второго уровня меню (в том случае, если в данный момент, пользователь находится на странице второго уровня, его местоположение сохраняется), пользователь может отвести мышку от меню на заданный промежуток времени, только после которого произойдет сброс до предыдущего состояния.

Плашка следящая за скроллингом. Css, JavaScript. Аналог position fixed в html. Отличие заключается в том, что если блок равен 1000 px а ширина экрана 500 px стандартный метод html скроет оставшиеся 500px, в данном случае будет возможна прокрутка. Если ширина страницы равна 1200px при оставшихся параметрах, то движение плашки будет следующим: первые 200 px (при нахождении в левой стороне экрана) плашка не будет сдвигаться, после чего начнет свое движение вместе с горизонтальной прокруткой, аналогично при нахождении с правой стороны.