Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.01.2009, 19:17
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

Форма поиска
Имеется такая конструкция поля ввода формы поиска:
Код:
<input id="searchInput" onblur="this.value=(this.value=='')?this.title:this.value;" onfocus="this.value=(this.value==this.title)?'':this.value;" value="Search" title="Search" name="search" type="text" />
Данный код подставляет текст в форму поиска, который убирается при получении фокуса. И восстанавливается, если ничего введено не было.

Вопрос, как сделать, чтобы подставляемый текст был одного цвета, а текст, который вводишь сам, другого цвета?
Если в CSS задавать цвет текста для input, то он влияет и на подставляемый, и на вводимый текст.
Как сделать по другому?

P.S. С JS я не знаком...
Ответить с цитированием
  #2 (permalink)  
Старый 20.01.2009, 19:33
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Меняйте цвет, так же как и сам текст по событиям onblur и onfocus для IE6—7 и для остальных браузеров в CSS нужно записать стили такми образом:
#searchInput {
color: #…; /* onblur */
}
#searchInput:focus {
color: #…;
}
Ответить с цитированием
  #3 (permalink)  
Старый 20.01.2009, 20:11
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

Понял, спасибо. Но можно подробнее, я не знаю семантику js, как написать для IE 6-7?

Последний раз редактировалось Владимир Новицкий, 20.01.2009 в 20:24.
Ответить с цитированием
  #4 (permalink)  
Старый 20.01.2009, 22:33
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

window.onload = function() { // выполнить после загрузки документа

…

/*@cc_on

    if(@_jscript_version < 5.8) { // только для IE6—7

        var search = document.getElementById('searchInput');

        search.onblur = function() {
            this.style.color = '#f00';
            if(!this.value) this.value = this.title;
       };

        search.onfocus = function() {
            this.style.color = '#00f';
            if(this.value == this.title) this.value = '';
        };
    }

@*/

…

};

Последний раз редактировалось Octane, 20.01.2009 в 22:43.
Ответить с цитированием
  #5 (permalink)  
Старый 21.01.2009, 02:32
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

Вот спасибо большое! Помогло.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Java-скрипт для поиска. 2oo Общие вопросы Javascript 25 11.12.2010 13:10
Скрипт поиска по сайту - не могу переделать!((( volkodav2411 Общие вопросы Javascript 1 29.12.2008 20:44
форма как в ExtJS 2 magistr_bender Общие вопросы Javascript 0 11.09.2008 16:01
Форма для ввода текста с расширенными функциями 0x22b Элементы интерфейса 0 01.09.2008 10:38
Форма Борис Низов Элементы интерфейса 7 06.05.2008 20:25