Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> исчезающий текст в форме поиска 
:(
    Опции темы
Ctulhy
Дата 2.10.2011, 00:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: нет
Всего: 2
Код

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


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

Это сообщение отредактировал(а) Ctulhy - 2.10.2011, 00:12
--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
нуп
Дата 2.10.2011, 00:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33
Повесить событие keyup/keypress и менять элементу css class/color
PM MAIL   Вверх
Ctulhy
Дата 2.10.2011, 00:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: нет
Всего: 2
я новичек в js, не могли бы проиллюстрировать на примере и в этой теме тоже http://forum.vingrad.ru/forum/topic-339047.html
буду очень признателен.
--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
нуп
Дата 2.10.2011, 00:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33
У вас в примере onclick событие есть, просто переделайте на onkeyup и там найдите атрибут style.color и задайте ему цвет. 
PM MAIL   Вверх
Ctulhy
Дата 2.10.2011, 01:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: нет
Всего: 2
Особо легче не стало. Если возможно, напишите пожалуйста код.
--------------------
скучно в Москве и дождливо в Крыму.
PM MAIL ICQ Skype   Вверх
нуп
Дата 2.10.2011, 02:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33
Вроде понятно объяснил.
Код

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

Дальше сами.  smile 
PM MAIL   Вверх
Evghenusi
Дата 2.10.2011, 02:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


майский жук
**


Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15
Цитата(нуп @  2.10.2011,  00:15 Найти цитируемый пост)
Повесить событие keyup/keypress
onСhange не подойдёт?
PM WWW   Вверх
magelan
Дата 3.10.2011, 09:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


потерял xPath
**


Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 3
Всего: 16
Код

<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='';}"/>
PM MAIL   Вверх
supervladislav
Дата 5.10.2011, 23:37 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9
Ctulhy, лучше использовать onmouseover и onmouseout 
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0470 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.