Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Меняющее цвет поле в форме, года мышью наводишь 
:(
    Опции темы
Сереха
  Дата 24.3.2003, 16:52 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Есть форма. В ней все поля синие, подскажите, как сделать так, что бы при наведении на одну часть формы, эта чать становилась красного цвета, а когда мышь уводишь, опять синей.

жду
  Вверх
Foxx
Дата 24.3.2003, 17:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



Код

<INPUT type=text style="background: blue" onMouseOver="this.style.background='red'"
onMouseOut="this.style.background='blue'">

PM MAIL ICQ   Вверх
Foxx
Дата 24.3.2003, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



Правильно я тебя понял ?

OnMouseOver - при наведении
OnMouseOut - при снятии (обработчики событий JavaScript)

PM MAIL ICQ   Вверх
Foxx
Дата 24.3.2003, 23:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



а еще лучше сделать так. цвет будет меняться не при наведении, а при получении фокуса.
Код

<INPUT type=text style="background: blue" onFocus="this.style.background='red'"
onBlur="this.style.background='blue'">

PM MAIL ICQ   Вверх
Unregistered
Дата 26.3.2003, 04:18 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Не, не то, мне нужно
<FORM>
<td>
<tr COLOR="#FFFFFF"></tr>
</td>
</FORM>

Вот мне нужно, что бы когда мышью наводишь, цвет #FFFFFF менялся на черный, например...
  Вверх
[xoodo]
Дата 26.3.2003, 05:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 1
Всего: 4



Что-то я потерялся - форма или таблица? И <tr> старше <td>, а не наоборот! По-моему, оптимальный вариант был уже изложен, он универсален:
style.background или style.color...
PM   Вверх
Foxx
  Дата 26.3.2003, 13:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



Цитата

Вот мне нужно, что бы когда мышью наводишь, цвет #FFFFFF менялся на черный, например

где ? в таблице ?
все то же самое. не получиться - пиши помогу smile.gif

Это сообщение отредактировал(а) Foxx - 26.3.2003, 13:18
PM MAIL ICQ   Вверх
m@kxus
Дата 28.3.2003, 00:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Код
<HTML>
<script LANGUAGE="JavaScript">
 function do_over() {
  window.event.cancelBubble = true;
  if (event.srcElement.tagName != 'TD') return;
  event.srcElement.runtimeStyle.backgroundColor = '#0000dd';
  event.returnValue = false;
 }
 function do_out() {
  window.event.cancelBubble = true;
  if (event.srcElement.tagName != 'TD') return;
  event.srcElement.runtimeStyle.backgroundColor = '';
  event.returnValue = false;
 }
</SCRIPT>
<BODY>

<TABLE onmouseover="do_over();" onmouseout="do_out();" CELLPADDING=5 BORDER=1>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD BGCOLOR=magenta>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD BGCOLOR=green>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD BGCOLOR=black>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD BGCOLOR=red>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD BGCOLOR=lightblue>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
</TABLE>

</BODY>
</HTML>

PM MAIL WWW ICQ AOL YIM MSN   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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