Javascript.RU

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

Форма поиска
Есть вот такая конструкция:
<form action="/" method="get">
<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" />
</form>

Соответственно, в браузере выводится форма, внутри которой написано слово "Search". При помещении курсора в форму, это слово пропадает, давая написать поисковый запрос.
Так вот, мне надо, чтобы слово "Search" выводилось серым цветом, а то, что пишет пользователь, чёрным.
Задание в таблице стилей цвета для form input {} делает всё одним цветом. Как это правильно сделать?

И ещё вопрос, как сделать, чтобы выводилось слово не "Search", а "Поиск"?
Ответить с цитированием
  #2 (permalink)  
Старый 13.11.2010, 23:53
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Сообщение от Владимир Новицкий
Так вот, мне надо, чтобы слово "Search" выводилось серым цветом, а то, что пишет пользователь, чёрным.
у элементов страницы есть свойство style для таких случаев.
оно позволяет задать индивидуальные свойства CSS для элемента.
только учтите, что свойства, которые в CSS пишутся через дефис, в этом случае надо писать слитно, но каждое слово, после дефиса - с большой буквы.
то есть вместо font-size, надо писать fontSize

Сообщение от Владимир Новицкий
И ещё вопрос, как сделать, чтобы выводилось слово не "Search", а "Поиск"?
По-моему весьма очевидно же!!!
во всяком сулчае было бы, если бы вы напсиали самостоятельно этот элементарный скрипт
Ответить с цитированием
  #3 (permalink)  
Старый 14.11.2010, 00:07
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

Сообщение от Gvozd Посмотреть сообщение
у элементов страницы есть свойство style для таких случаев.
Позвольте, но, и слово "Search", и сами поисковые запросы пишутся в одном и том же элементе страницы - в поисковой форме. Соответственно, все свойства этого элемента будут распространяться, и на "Search", и на запросы.

Сообщение от Gvozd Посмотреть сообщение
По-моему весьма очевидно же!!!
Кому очевидно, а кому и нет! Да, я этот элементарный скрипт не писал, потому что не знаю JS. Поэтому и обратился на форум за помощью.
Ответить с цитированием
  #4 (permalink)  
Старый 14.11.2010, 00:15
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Сообщение от Владимир Новицкий
Да, я этот элементарный скрипт не писал, потому что не знаю JS
могли и раньше написать.
этот форум предназнаечен для кто кто изучает JS, и прикладывает усилия к этому
для вас же подходит пока что раздел Работа
Цитата:
Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.
Ответить с цитированием
  #5 (permalink)  
Старый 14.11.2010, 00:47
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

Сообщение от Gvozd Посмотреть сообщение
для вас же подходит пока что раздел Работа
Я прошу не готовый скрипт, а всего навсего подсказать, что нужно сделать.
На счёт, поменять "Search" на "Поиск" - уже сделал сам, пока ждал ответа. Действительно, элементарно.

Но, главный мой вопрос, про разницу цвета текста в одном и том же элементе страницы, при разных ситуациях. С одной стороны, я понимаю, что цвет текста разным быть не может, согласно законам CSS. Но видел такое на других сайтах и никак не могу понять, как это сделано?
Ответить с цитированием
  #6 (permalink)  
Старый 14.11.2010, 00:52
Аватар для Владимир Новицкий
Аспирант
Отправить личное сообщение для Владимир Новицкий Посмотреть профиль Найти все сообщения от Владимир Новицкий
 
Регистрация: 20.01.2009
Сообщений: 38

Всё! Сделал!
Если кому интересно (совершенно бесплатно), надо было в CSS написать:
Код:
form input {
	color:#ccc
}
form input:focus {
	color:#444
}
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма для поиска по странице средсвами javascript andikk Общие вопросы Javascript 12 11.04.2013 23:59
Не работает форма поиска в IE 8 BlackKardinal Общие вопросы Javascript 0 09.09.2010 09:11
Появляющаяся форма при нажатии на чекбокс bananapapa Общие вопросы Javascript 1 21.07.2010 09:39
Автоматизация поиска Newbie_ Общие вопросы Javascript 4 20.12.2009 23:59
Форма поиска Владимир Новицкий Элементы интерфейса 4 21.01.2009 02:32