|
|
|
| Добрый день.
Подскажите пожалуста, если кто знает.
Я где-то видел такой эффект в одном формуляре.
Эффект таков:
В формуляре поля.
Поля все одного цвета.
Типо, все пустые поля красным цветом.
Когда поле заполненно, то оно меняет цвет.
Как это сделать?
Зарание спасибо. | |
|
|
|
|
|
|
|
для: cccp
(26.09.2006 в 05:16)
| | http://xprogramming.narod.ru/books/dhtml/10/10.htm#12
В это разделе последний пункт. Поиск по "Представление требуемой информации" | |
|
|
|
|
|
|
|
|
для: AlexSol
(26.09.2006 в 10:08)
| | Не тому учишь. Я мог вот на это ссылку дать:
http://www.ms-access.ru/js_forms.html
http://www.ms-access.ru/js_forms_11.html
Только вот вопрос не про подсветку во время наведения курсора. А про изменение цвета после ввода данных. | |
|
|
|
|
|
|
|
для: tuder
(26.09.2006 в 11:34)
| | зная как обращатся к свойствам остальное можно додумать. | |
|
|
|
|
|
|
|
для: AlexSol
(26.09.2006 в 11:46)
| | Спасибо всем за ответы.
То что было указано в первой ссылке , вроде бы подходит.
Только вот там как буд-то бы тема на до конца написана.
Вот отрывок:
Представление требуемой информации
Расширение приведенного выше примера, которое продемонстрировано в приведенном ниже коде, заключается в использовании для отображения заполняемых полей другого цвета фона. При вводе пользователем информации в этих полях цвет фона изменяется на цвет по умолчанию, что помогает пользователю определить поля, которые следует заполнить перед отправкой формы.
<HTML>
<HEAD>
<TITLE> Представление требуемой информации </TITLE>
<STYLE TYPE="text/css">
.required {background: red}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function isEmpty(str) {
for (var intLoop = 0; intLoop<str.length; intLoop++)
if (" " != str.charAt(intLoop))
return false;
return true;
}
function checkRequired(f) {
for (var intLoop = 0;
intLoop<f.elements.length; intLoop++)
if ("required"==f.elements[intLoop].className) {
alert("All red fields are | |
|
|
|
|
|
|
|
для: cccp
(26.09.2006 в 12:20)
| |
<input type="text" name="name" id="field1" class="formm" onBlur="if(this.value!=''){this.style.background='#999'}else{this.style.background='#fff'}; ">
|
| |
|
|
|
|
|
|
|
для: AlexSol
(26.09.2006 в 12:31)
| | Спасибо.
Оказывается всё на много проще. | |
|
|
|
|
|
|
|
для: cccp
(26.09.2006 в 12:20)
| | Вот пример:
http://files.byte.nsk.su/tt/zap.php
При этом если удалишь данные из кода, то поле снова становится красным.
Вот код:
<HTML>
<HEAD>
<TITLE> Представление требуемой информации </TITLE>
<STYLE TYPE="text/css">
.required {background: red}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function isEmpty(str) {
for (var intLoop = 0; intLoop<str.length; intLoop++)
if (" " != str.charAt(intLoop))
return false;
return true;
}
function checkRequired(f) {
for (var intLoop = 0;
intLoop<f.elements.length; intLoop++)
if ("required"==f.elements[intLoop].className) {
alert("All red fields are required.");
return false;
}
}
function fixUp(el) {
el.className = isEmpty(el.value) ? "required" : "";
}
function checkChar(el) {
if (32 != event.keyCode)
el.className = "";
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="demo" ONSUBMIT="return checkRequired(this);">
User Name:
<INPUT TYPE=TEXT CLASS="required"
ONKEYPRESS="checkChar(this);"
ONCHANGE="fixUp(this);"><BR>
E-Mail Address:
<INPUT TYPE=TEXT CLASS="required"
ONKEYPRESS="checkChar(this);"
ONCHANGE="fixUp(this);"><BR>
Age (optional):
<INPUT TYPE=TEXT SIZE=3><BR>
<INPUT TYPE=SUBMIT VALUE="Submit">
</FORM>
</BODY>
</HTML>
|
| |
|
|
|
|
|
|
|
для: tuder
(26.09.2006 в 13:37)
| | Mucha Graciac Amigo !
:))) | |
|
|
|