Подсказки в полях ввода на странице оформления заказа

[vitosbaltos 0]

Уважаемые, форумчане. Не могу разобраться, как реализовать на странице оформления заказа, чтобы в полях ввода были подсказки, которые исчезают при клике в это поле и возвращаются когда курсор ушел в другое место.

Где такое правится и как?

Изменено 11 июля, 2015 пользователем vitosbaltos

[vitosbaltos 0]

Допустим меняю

{if $city=='1'}
<div><label class="contactgroop"  for="city">{#text_city#}</label> {$INPUT_CITY}</div>
{/if}

на

{if $city=='1'}
<div><label class="contactgroop"  for="city">{#text_city#}</label> <input id="city" type="text" name="city" value="Город*" onfocus="if(this.value =='Город*' ) this.value=''" onblur="if(this.value =='' ) this.value='Город*'"></div>
{/if}

Вроде получается, но тогда не работает вывод информации об ошибке.

В чем может быть причина?

[support 447]

А если просто добавить атрибут:

placeholder="Город"

без всяких onfocus и т.д. ?!

[vitosbaltos 0]

Спасибо! Работает.

Александр, подскажите есть решение, чтобы вместо текста, при ошибке заполнения поля, оно подсвечивалось определенным цветом?

 

[support 447]

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

Для примера, зайдите на demo.vamshop.com, положите товар в корзине и перейдите к оформлению, ничего не заполняйте и просто внизу нажмите Продолжить, будет видно как подсветятся красным поля.

Может у Вас свой шаблон и был удалён css класс подсветки ошибок красным?!

[vitosbaltos 0]

У меня шаблон vamshop1 из первой версии vamshop. В нем по умолчанию подсветки не было. Что можно подправить, чтобы она появилась вместо текста? 

[support 447]

Пардон. Хотя и в первой и во второй версии одинаковые скрипты используются, для унификации движков.

Попробуйте вот этот файл /templates/vamshop1/stylesheet.css

stylesheet.css

Изменено 11 июля, 2015 пользователем VaM

[vitosbaltos 0]

Текст ошибок стал красным. Обязательные поля без изменений.

[support 447]

Тут, видимо, дело в bootstrap2

Стили для форм перекрывают раскраску поля в красный цвет.

Попробуйте вот этот /templates/vamshop1/stylesheet.css

 

stylesheet.css

Изменено 11 июля, 2015 пользователем VaM

[vitosbaltos 0]

Спасибо. Поля заработали. Теперь осталось убрать тексты ошибок. Подскажите, где они располагаются?

[support 447]

Сами тексты?!

А зачем их убирать?!

Сами тексты в /lang/russian/russian.php сидят, можно попробовать просто оставить '' , т.е. пустое поле вместо текста ошибки.

[vitosbaltos 0]

Да, хотелось бы как на скриншоте. Чтобы всплывало окно с предупреждением.

Изменено 11 июля, 2015 пользователем vitosbaltos

[support 447]

Для чего?!

Чем меньше кликов - тем лучше, зачем Вы усложняете жизнь своим посетителям лишними кликами, окнами?!

Чем меньше кликов - тем лучше.

[vitosbaltos 0]

Спасибо Вам за совет. Наверное оставлю эту затею.

[support 447]

Это правильно.

Ведь нужно наоборот упрощать везде где это возможно, а не усложнять.