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

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

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

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

leonidpal

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужно сделать, чтобы при наведении на таблицу она меняла bgcolor.  Т.е. onMouseOver один цвет, onMouseOut другой.
 
Заранее спасибо.

Всего записей: 13 | Зарегистр. 19-04-2003 | Отправлено: 16:11 10-01-2004
KVCH



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

Код:
 
<html>
 
<head>
<script>function cb(t, n) {if (n) t.style.backgroundColor = '#E5E5E5'; else t.style.backgroundColor = '#FFFFFF';}</script>
</head>
 
<body>
 
 
<table border="1" cellpadding="0" style="border-collapse: collapse" width="100%" id="table1">
  <tr onmouseout="cb(this, 0)" onmouseover="cb(this, 1)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td onmouseout="cb(this, 0)" onmouseover="cb(this, 1)">&nbsp;</td>
    <td onmouseout="cb(this, 0)" onmouseover="cb(this, 1)">&nbsp;</td>
    <td onmouseout="cb(this, 0)" onmouseover="cb(this, 1)">&nbsp;</td>
  </tr>
</table>
 
 
</body>
 
</html>
 

 
или
 

Код:
 
<html>
 
<head>
<script>function cb(t, n) {if (n) t.style.backgroundColor = '#E5E5E5'; else t.style.backgroundColor = '#FFFFFF';}</script>
</head>
 
<body>
 
 
<table border="1" cellpadding="0" style="border-collapse: collapse" width="100%" id="table1" onmouseout="cb(this, 0)" onmouseover="cb(this, 1)">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
 
 
</body>
 
</html>
 


----------
FreeBSD лучше Linux !

Всего записей: 1741 | Зарегистр. 03-03-2002 | Отправлено: 16:30 10-01-2004 | Исправлено: KVCH, 16:32 10-01-2004
leonidpal

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
KVCH
Спасибо. То, что надо!
 
Добавлено
А как сделать, чтобы <TD> таблицы было ссылкой. Т.е. догадываюсь, что можно сделать onClick переход по урлу. И менять курсор мышки. А нельзя ли как-нить проще?
 
Может вы и это знаете?
 
Спасибо.

Всего записей: 13 | Зарегистр. 19-04-2003 | Отправлено: 19:00 10-01-2004
KVCH



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

----------
FreeBSD лучше Linux !

Всего записей: 1741 | Зарегистр. 03-03-2002 | Отправлено: 22:50 10-01-2004
leonidpal

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
KVCH
Ага. Спасибо. Вроде нормально получилось.
 
<table><tr><td style="cursor:hand;" onclick="window.location.href='url.html';">-------</td></tr></table>
 

Всего записей: 13 | Зарегистр. 19-04-2003 | Отправлено: 23:09 10-01-2004
Svarga

Moderator
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
/* почти офтопик
 
leonidpal

Цитата:
Нужно сделать, чтобы при наведении на таблицу она меняла bgcolor.

 
Странно... Первое, что в голову пришло:
Код:
<style>
<!--
td.x{background-color:red}
td.x:hover,td.x a:hover,td.x *:hover{background-color:green}
-->
</style>
 
<table border width=400 height=300><td class=x>text</td></table>

но, оказывается, это только в 7.х Операх работает, да и то коряво
 
*/
 
 
leonidpal
Цитата:
А как сделать, чтобы <TD> таблицы было ссылкой.

KVCH
Цитата:
leonidpal  
имхо только онклик

можно ещё через div с нулевым padding'ом внутри <a href>:

Код:
<a href=#><div style="width:100px;height:30px;padding:0">(ширина/высота div'а равна ширине/высоте ячейки)</div></a>


----------
away.

Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 13:02 11-01-2004
leonidpal

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Svarga
Спасибо. Я остановился на onClick, т.к. у меня несколько ячеек уже в <DIV> слое...
 
Сейчас всё здорово получилось

Всего записей: 13 | Зарегистр. 19-04-2003 | Отправлено: 13:23 11-01-2004
Gotessa

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
привет всем)очень нужна помощь с JavaScript!
Условие:
Написать сценарий ,в котором необходимо:задать фоновое изображение или цвет фона для документа,таблицы и ячеек таблицы.Предусмотреть возможность задание своего цвета,фона для каждой ячейки.Сначала пользователь с помощью кнопки-переключателя выбирает часть документа,чье фоновое изображение он хочет изменить,а затем указывает фон.Представить горизонтальную линию в документе с заданными параметрами.Предусмотреть возможность изменения цвета линии.

Всего записей: 3 | Зарегистр. 06-05-2009 | Отправлено: 13:08 06-05-2009
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » javascript: как изменить фон таблицы


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

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

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru