Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Изменение цвета таблицы при наведении

Модерирует : Cheery

Cheery (05-12-2004 02:03): Собссно, сначала лучше пользоваться фильтром.
Подсветка ячейки при наведении
JavaScript: смена стиля ячейки при наведении мыши
javascript: как изменить фон таблицы
Как менять фон определенной таблицы в браузере
 Версия для печати • ПодписатьсяДобавить в закладки

   

Denisov_Dmitry

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
При наведении мыши на блоки таблицы изменяется фоновый цвет страницы.  
 
<body>
<script language=JavaScript type=text/javascript>
<!--
var i=1;  
function BG(color)
{
document.bgColor = color;
}
</SCRIPT>
 
<TABLE align=center border=0 cellPadding=0 cellSpacing=3>
<TR>
<TD bgColor=#ffffff onmouseover="BG('#FFFFFF')" width="15" height="15"></TD>
<TD bgColor=#e5e5e5 onmouseover="BG('#E5E5E5')" width="15" height="15"></TD>
<TD bgColor=#cccccc onmouseover="BG('#CCCCCC')" width="15" height="15"></TD>
<TD bgColor=#b3b3b3 onmouseover="BG('#B3B3B3')" width="15" height="15"></TD>
<TD bgColor=#999999 onmouseover="BG('#999999')" width="15" height="15"></TD>
<TD bgColor=#808080 onmouseover="BG('#808080')" width="15" height="15"></TD>
<TD bgColor=#666666 onmouseover="BG('#666666')" width="15" height="15"></TD>
<TD bgColor=#4d4d4d onmouseover="BG('#4D4D4D')" width="15" height="15"></TD>
<TD bgColor=#333333 onmouseover="BG('#333333')" width="15" height="15"></TD>
<TD bgColor=#1a1a1a onmouseover="BG('#1A1A1A')" width="15" height="15"></TD>
<TD bgColor=#000000 onmouseover="BG('#000000')" width="15" height="15"></TD>
</TR>
</TABLE>
 
<table width="70%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>здесь находится фото</td>
</tr>
</table>
</body>
 
Как можно реализовать, чтобы изменялся не фоновый цвет страницы, а цвет таблицы <td>здесь находится фото</td>(вот именно здесь)?

Всего записей: 71 | Зарегистр. 01-11-2004 | Отправлено: 19:13 03-12-2004
c0r0ner



злобный доктор
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
 
<table width="70%" border="1" cellspacing="0" cellpadding="0">  
<tr>  
<td onmouseover="this.bgcolor='#ff0000'">здесь находится фото</td>  
</tr>  
</table>  
</body>


----------
Я - сущий ангел. Только крылья в стирке, а нимб на подзарядке.

Всего записей: 742 | Зарегистр. 09-12-2001 | Отправлено: 20:17 03-12-2004
Denisov_Dmitry

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
При наведении на каждый блок вот этой таблицы хотелось, чтобы меняется цвет другой таблицы:
<TABLE align=center border=0 cellPadding=0 cellSpacing=3>  
<TR>  
<TD bgColor=#ffffff onmouseover="BG('#FFFFFF')" width="15" height="15"></TD>  
<TD bgColor=#e5e5e5 onmouseover="BG('#E5E5E5')" width="15" height="15"></TD>  
<TD bgColor=#cccccc onmouseover="BG('#CCCCCC')" width="15" height="15"></TD>  
<TD bgColor=#b3b3b3 onmouseover="BG('#B3B3B3')" width="15" height="15"></TD>  
<TD bgColor=#999999 onmouseover="BG('#999999')" width="15" height="15"></TD>  
<TD bgColor=#808080 onmouseover="BG('#808080')" width="15" height="15"></TD>  
<TD bgColor=#666666 onmouseover="BG('#666666')" width="15" height="15"></TD>  
<TD bgColor=#4d4d4d onmouseover="BG('#4D4D4D')" width="15" height="15"></TD>  
<TD bgColor=#333333 onmouseover="BG('#333333')" width="15" height="15"></TD>  
<TD bgColor=#1a1a1a onmouseover="BG('#1A1A1A')" width="15" height="15"></TD>  
<TD bgColor=#000000 onmouseover="BG('#000000')" width="15" height="15"></TD>  
</TR>  
</TABLE>
Вы например навились на кубик (таблицу) <TD bgColor=#cccccc onmouseover="BG('#CCCCCC')" width="15" height="15"></TD> и фоновый цвет таблицы с фотографией изменился на серый.
 
Как это можно реализовать?

Всего записей: 71 | Зарегистр. 01-11-2004 | Отправлено: 21:13 03-12-2004
CheRt



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
А через имя не пробовал?!
 
т.е.  

Код:
 
<script language=JavaScript type=text/javascript>  
function BG(color,tname)  
{  
 document.tname.bgColor=color;  
}  
</SCRIPT>
 
. . .
. . .
. . .
 
<td name="1" bgcolor="#cccccc" onmouseover="bg('#ffffff','2')" ...>...</td>
<td name="2" bgcolor="#cccccc" onmouseover="bg('#ffffff')" ...>...<img sc="картинка">...</td>
 

 


----------
В огне бода нет и не будет!
До встречи в СССР 2.0!

Всего записей: 1118 | Зарегистр. 14-12-2001 | Отправлено: 00:49 04-12-2004 | Исправлено: CheRt, 00:50 04-12-2004
Denisov_Dmitry

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
А через имя не пробовал?!  

Ваш вариант не работает!

Всего записей: 71 | Зарегистр. 01-11-2004 | Отправлено: 11:05 04-12-2004
CheRt



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Обидно, ну да ладно...
Ток мне самому стало интересно, т.к. жабаскрипт тож плохо знаю.
Завтра попробую разобраться... ...а сегодня слишком пьян, хотя зачем вообще это пишу?!

----------
В огне бода нет и не будет!
До встречи в СССР 2.0!

Всего записей: 1118 | Зарегистр. 14-12-2001 | Отправлено: 01:36 05-12-2004
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
CheRt
Denisov_Dmitry

Цитата:
Ваш вариант не работает!

потому что лучше делать так.

Код:
 
<html>
<body>  
<script language=JavaScript type=text/javascript>  
function BG(color,tname)  
{  
 document.getElementById(tname).bgColor=color;  
}  
</SCRIPT>  
 
<table>  
<tr><td id="t1" bgcolor="#cccccc" onmouseover="BG('#ffffff','t2')">...</td></tr>
<tr><td id="t2" bgcolor="#cccccc" onmouseover="BG('#ffffff', 't1')">...<img src="картинка">...</td></tr></table>
</body>
</html>  

и соблюдать регистр в коде.
Давайте продолжим в существующей теме.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:02 05-12-2004
   

Компьютерный форум Ru.Board » Интернет » Web-программирование » Изменение цвета таблицы при наведении
Cheery (05-12-2004 02:03): Собссно, сначала лучше пользоваться фильтром.
Подсветка ячейки при наведении
JavaScript: смена стиля ячейки при наведении мыши
javascript: как изменить фон таблицы
Как менять фон определенной таблицы в браузере


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru