VPF::Как поменять цвет строки таблицы на onMouse?

vlad275

Дата 21.1.2010, 13:19 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


        <table>
            <tr id='trhover' onMouse='javascript:document.getElementById('trhover').style.background-color=#000000;'>
                <td bgcolor='#eeeeee'>test</td>
            </tr>
        </table>

http://ncaa.ru/5.htm

Это сообщение отредактировал(а) vlad275 - 21.1.2010, 13:19

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

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Mavrun

Дата 21.1.2010, 13:34 (ссылка)

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

Загрузка ...

Бывалый

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

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

Код


<table>
            <tr id='trhover' style="background:#eeeeee">
                <td onmouseover="document.getElementById('trhover').style.background='#000000'" onmouseout="document.getElementById('trhover').style.background='#eeeeee'">test</td>
            </tr>
</table>

vlad275

Дата 21.1.2010, 14:02 (ссылка)

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

Загрузка ...

Опытный

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

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

А можно ли сразу цвет фона всей таблицы изменить или нужно все ячейки изменять?

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

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Mavrun

Дата 21.1.2010, 14:08 (ссылка)

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

Загрузка ...

Бывалый

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

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

Можно. Просто перенеси id='trhover' style="background:#eeeeee" тегу table

vlad275

Дата 21.1.2010, 14:14 (ссылка)

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

Загрузка ...

Опытный

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

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

Спасибо! Жаль onMouse нужно в каждой ячейке менять.
Пока получилось так:

Код


<html>
<head>
</head
<body>
<table  id='trhover' style="background:#ffeeee" >
            <tr>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
            </tr>
            <tr>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
                <td onmouseover="document.getElementById('trhover').style.background='#dddddd'" onmouseout="document.getElementById('trhover').style.background='#ffeeee'">test</td>
            </tr>
</table>

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

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Mavrun

Дата 21.1.2010, 14:19 (ссылка)

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

Загрузка ...

Бывалый

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

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

Вообще-то не так=). просто онмаус надо тоже тегу табл прописать. но поскольку в нём же и хранится идентификатор, по которому мы ищем элемент для замены, то код можно немного сократить

Код


<table  id='trhover' style="background:#ffeeee" onmouseover="this.style.background='#dddddd'" onmouseout="this.style.background='#ffeeee'">
            <tr>
                <td >test</td>
                <td >test</td>
                <td >test</td>
            </tr>
            <tr>
                <td >test</td>
                <td >test</td>
                <td >test</td>
            </tr>
</table>

кстати, почитай ещё статейку про как показать и скрыть текст на жабаскрипте, там по сути про тоже самое написано

Это сообщение отредактировал(а) Mavrun - 21.1.2010, 14:20

vlad275

Дата 21.1.2010, 15:31 (ссылка)

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

Загрузка ...

Опытный

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

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

Спасибо. С меня еще два плюса. Вроде сделал, только цвет меняется между ячейками

http://ncaa.ru/Couple.php

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

Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8

Mavrun

Дата 21.1.2010, 15:33 (ссылка)

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

Загрузка ...

Бывалый

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

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

договорились=)

пропиши для тега table
cellspacing="0" cellpadding="0"

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