исчезающий текст в форме поиска

 
0
 
JavaScript
ava
Ctulhy | 02.10.2011, 01:12

<input type="text" value="Найти" id="text"
onclick="if(this.value=='Найти'){this.value='';}" onblur="if(this.value==''){this.value='Найти';}"/>


Есть такой код. Как вы поняли, при клике на форму поиска уберает текст "Найти". Цвет и стидл текста пописан в цсс. Необходимо сделать так, чтобы изменялся цвет текста при наборе слова в форме. Подскажите пожалуйста как реализовать.
Kommentare (8)
ava
нуп | 02.10.2011, 00:15 #
Повесить событие keyup/keypress и менять элементу css class/color
ava
Ctulhy | 02.10.2011, 00:35 #
я новичек в js, не могли бы проиллюстрировать на примере и в этой теме тоже http://forum.vingrad.ru/forum/topic-339047.html
буду очень признателен.
ava
нуп | 02.10.2011, 00:47 #
У вас в примере onclick событие есть, просто переделайте на onkeyup и там найдите атрибут style.color и задайте ему цвет.
ava
Ctulhy | 02.10.2011, 01:29 #
Особо легче не стало. Если возможно, напишите пожалуйста код.
ava
нуп | 02.10.2011, 02:00 #
Вроде понятно объяснил.

<input type="text" onkeyup="this.style.color = 'red';" />

Дальше сами. smile
ava
Evghenusi | 02.10.2011, 02:09 #
Цитата (нуп @ 2.10.2011, 00:15 findReferencedText)
Повесить событие keyup/keypress
onСhange не подойдёт?
ava
magelan | 03.10.2011, 09:27 #

<input type="text" value="Найти" id="text"
onclick="if(this.value=='Найти'){this.value='';this.style.color='red';}" onblur="if(this.value==''){this.value='Найти';this.style.color='';}"/>
ava
supervladislav | 05.10.2011, 23:37 #
Ctulhy, лучше использовать onmouseover и onmouseout
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
advanced
Absenden