VPF::Вернуть первоначальный цвет строке

nicka47

Дата 15.5.2005, 22:04 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Я вывожу на страницу таблицу, строки которой окрашены через ряд в серый цвет. Я хочу чтобы при наводе на строку маусом цвет строки менялся, а при отводе возвращался в первоначальный.
Если б у меня все строки таблицы имели изначально 1 цвет , то проблемы бы не было, но так так они через ряд серые, то надо запоминать при наводе мауса какой цвет имела строка и при отводе мауса возвращать ей этот цвет, чтобы полосатость таблицы сохранялась.
Если не учитывать полосатость таблицы , то я использовала следующий код для выделения строки при наводе маусом в определенный цвет

Код


onmouseover="this.style.backgroundColor = '#FBCFC8'" onmouseout="this.style.backgroundColor = '#F5F5F5'"

Как же запоминать цвет строки smile

Sardar

Дата 15.5.2005, 22:26 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

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

Код


onmouseover="this.style.backgroundColor = '#FBCFC8'" onmouseout="this.style.backgroundColor = ''"

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Aliance

Дата 15.5.2005, 22:28 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

А цвета жестко заданы в HTML`е?
Кинь код.

Если заданы - то можно так:

Код


<table>
<tr onmouseover="hilite(this, 1)" onmouseout="hilite(this, 0)" style="background-color: pink">
<td>розовый</td>
</tr>
<tr onmouseover="hilite(this, 1)" onmouseout="hilite(this, 0)" style="background-color: gray">
<td>серый</td>
</tr>
<tr onmouseover="hilite(this, 1)" onmouseout="hilite(this, 0)" style="background-color: pink">
<td>розовый</td>
</tr>
</table>

Код


function hilite(row, flag) {
// var lastcolor = row.style.backgroundColor;
// alert(lastcolor);
   switch (flag) {
      case 0:
         row.style.backgroundColor = '';
         break;
      case 1:
         row.style.backgroundColor = '#FBCFC8';
         break;
      default:
         alert('Что-то не то =/');
         break;
   }
}

Это сообщение отредактировал(а) Aliance - 15.5.2005, 22:37

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

nicka47

Дата 15.5.2005, 23:29 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Цитата(Sardar @ 15.5.2005, 22:26)

ты прав, помогло, спасибо

Guest

Дата 2.6.2005, 11:54 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

а если у меня 2 стобца, 1 розовый, второй серый, а при наводе на строку хочу красный цвет всей строки, что делать тогда?
Потому что когда я задаю столбцу цвет, то для него уже этот скрит с наводкой курсора не работает

Sardar

Дата 2.6.2005, 12:51 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Ловим события на строке, пробегаемся по ячейкам(коллекция cells), выставляем цвет или ставим "" что бы вернуть всё как было. В чём проблема?

--------------------

Guest

Дата 2.6.2005, 15:06 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Цитата(Sardar @ 2.6.2005, 12:51)

пробегаемся по ячейкам(коллекция cells),

вот это проблема, я не знаю как, можно пример smile

Aliance

Дата 2.6.2005, 15:45 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

Вот пример использования коллеции cells[]

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>© AlianceHTMLEditor [ http://editor.sut.net.ru/editor.html ]</TITLE>
<script type="text/javascript" language="JavaScript">
<!--
function chang (trname, cellind) {
   var tr = document.getElementById(trname);
   var cell = tr.cells[cellind-1];
   cell.innerHTML = 'ЗАМЕНЕННОЕ ДВА';
   cell.style.backgroundColor = 'pink';
}
// -->
</SCRIPT>
</HEAD>

<BODY>

<TABLE border=1 align=center Cellpadding=10>
<TR id="tr1">
<TD id="td1">один</TD>
<TD id="td2">два</TD>
<TD id="td3">три</TD>
</TR>
</TABLE>

<div id="clickable" onclick="chang('tr1', 2)">заменить слово в ячейке номер два</div>

</BODY>
</HTML>

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Guest

Дата 2.6.2005, 18:07 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Aliance, спасибо, помог smile

Aliance

Дата 2.6.2005, 18:38 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

Помог Sardar, я просто показал пример работы с тем, что назвал он smile

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »