Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > исчезающий текст в форме поиска

Автор: Ctulhy 2.10.2011, 00:12

Код


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

Есть такой код. Как вы поняли, при клике на форму поиска уберает текст "Найти". Цвет и стидл текста пописан в цсс. Необходимо сделать так, чтобы изменялся цвет текста при наборе слова в форме. Подскажите пожалуйста как реализовать.

Автор: нуп 2.10.2011, 00:15

Повесить событие keyup/keypress и менять элементу css class/color

Автор: Ctulhy 2.10.2011, 00:35

я новичек в js, не могли бы проиллюстрировать на примере и в этой теме тоже http://forum.vingrad.ru/forum/topic-339047.html
буду очень признателен.

Автор: нуп 2.10.2011, 00:47

У вас в примере onclick событие есть, просто переделайте на onkeyup и там найдите атрибут style.color и задайте ему цвет.

Автор: Ctulhy 2.10.2011, 01:29

Особо легче не стало. Если возможно, напишите пожалуйста код.

Автор: нуп 2.10.2011, 02:00

Вроде понятно объяснил.

Код


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

Дальше сами. smile

Автор: Evghenusi 2.10.2011, 02:09

Цитата(нуп @ 2.10.2011, 00:15

)

Повесить событие keyup/keypress

onСhange не подойдёт?

Автор: magelan 3.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='';}"/>

Автор: supervladislav 5.10.2011, 23:37

Ctulhy, лучше использовать onmouseover и onmouseout