Форма для приема заказа на сайте

В состав системы "YTaxi" входит WEB-форма, предназначенная для оформления заказа - форма ввода и отображения состояния заказа (OrderForm.html)

Пример страницы формы ввода и отображения состояния заказа

Форма встраивается в WEB-страницу сайта посредством элемента "iframe".

В атрибуте "src" элемента "iframe" указывается URL загрузки формы и параметры работы формы.

URL загрузки http://<Сервер клиента YTaxi>/OrderForm/OrderForm.html

Параметры формы ввода заказа - serviceId=<ID службы такси в настройке сервера клиентов такси (YourTaxiAPIServices, id, сообщается поставщиком услуги такси)> - lang=<код языка (ru,uk, по умолчанию ru)> - confirmphone=<подтверждать/не подтверждать № телефона (true/false, по умолчанию true)> (если подтверждение отключено, на сервере следует включить параметр "AllowRegWithoutConfirmation") - showMap=<показывать/не показывать карту (true/false, по умолчанию false)> - showDrvName=<показывать/не показывать имя водителя (true/false, по умолчанию true)> - showDistance=<показывать/не показывать информацию о расстоянии (true/false, по умолчанию false)> - discount=<использовать/не использовать карточки лояльности (true/false, по умолчанию false)> - execMethod=<выбор пользователем (0, по умолчанию), по тарифу (1), по таксометру (2)> - timetolive=<время в минутах активности № телефона клиента (по умолчанию 60)> - css=<URL файла стилей; если не указан - используются стили по умолчанию>

Стилизация формы ввода заказа Стили пользователя, указанные параметром "css", переопределяют встроенные стили. Если какой-либо из стилей не переопределён, то используется встроенный стиль.

Исключение классов автомобилей и дополнительных услуг из фильтра Исключения осуществляется средствами CSS. Для исключения необходимо перечислить id строк из списка "классов"/"услуг" и назначить стиль "не отображать" (display: none) Идентификатор строки состоит из префикса "tr" + символьное значение enum, например: "trCrane" ("CarClasses.Crane" - Кран) Пример правила: #trCrane, #trSpecialVehicle, #trSemiTruck { display: none; }