Хитрый fieldset form

[Sway 0]

Здравствуйте,

Прошу у знающих совета.

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

element.style {

border: 1px inset red

[/CODE]

 

на него правила stylesheet.css не распространяются

 

[size=4]Вопрос в следующем, где он (element.style) прописан, чтоб поменять цвет и как добавить галочку при верном заполнении формы[/size][/font]


​

[support 447]

А пример конкретной ссылки нет, где в-живую посмотреть.

Может это из javascript кода какого-то лезет.

[support 447]

Обычно такие вещи решаются и обнаруживаются с помощью firefox firebug или chrome developer console

[Sway 0]

В живом виде - это "стандартный шаблон vamshop" поля регистрации посетителей.

По-строчно:

Вот здесь (одно из мест) он живет

<fieldset class="form">

<legend>Ваши персональные данные</legend>

<p><label for="firstname">Имя:</label> <input type="text" name="firstname" id="firstname"> <span class="RequirementZ">*</span></p>

[/CODE]


 

Так выглядит в состоянии покоя:

[CODE]

<input type="text" name="firstname" id="firstname">

Так меняется при ошибке заполнения:

<input type="text" name="firstname" id="firstname" style="border: 1px inset red;" class="error">

[/code]


 

Так если все в порядке:

[CODE]

<input type="text" name="firstname" id="firstname" style="border: 1px inset red;" class="valid">

То, что из явы, это может быть, но все css которые есть для java и не только, я облазил, подходящего ничего не нашел

span class="RequirementZ - менял, добавлял новый ничего не помогло

Проблема, мне кажется, в \ style="border: 1px inset red; class="valid" / где он прячется?

[support 447]

Это подсветка заполненного поля.

JS код сидит в /jscript/modified.js

[Sway 0]

Заменил красный зеленым

function set_modified(e) {

if (e) {

  var el = window.event ? window.event.srcElement : e.target;

  el.style.border = '1px green inset';

[/CODE]

 

не работает(

[Sway 0]

может, не там?

хотя в /jscript/modified.js менял

[support 447]

Да вроде там, может кэш какой в браузере.

[Sway 0]

а может и правда кэш!

Спасибо огромное от души! А то я уж думал все, нечистая поселилась.

PS

Еще момент про галочку:

Она прописывается там же в jscript/modified.js рядом с цветом?

[support 447]

Что за галочка?

[Sway 0]

Галочка, в смысле .png-шка которая появляется вместе c

<input type="text" name="firstname" id="firstname" style="border: 1px inset green;" class="valid">

[/CODE]

 

справа или слева от формы (где поставишь)

 

Наглядно для юзера, что все правильно заполнено и выглядит неплохо

[support 447]

Иконки вроде как в /images/icons/ сидят.

[Sway 0]

Иконки вроде как в /images/icons/ сидят.

спасибо, но мой вопрос немного о другом

я в смысле, про вызов (или как это правильно называется) этой иконки, чтоб появлялась, надо прописывать

в

<input type="text" name="firstname" id="firstname" style="border: 1px inset green;" class="valid">

[/CODE]
 или где-то в другом месте

[support 447]

Иконка выводится при ошибке в поле, это js скрипт проверки ошибок формы.

А modified.js лишь добавлять рамку для изменённых полей, что б видно было какое поле формы правилось.

[Sway 0]

Спасибо, за помощь

[support 447]

Надеюсь, что разобрались, правда насчёт иконки вообще не понял, в текущей версии иконок вообще нет напротив полей форм.