Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Как поменять цвет строки таблицы на onMouse?

Автор: vlad275 21.1.2010, 13:19

Код         <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

Автор: Mavrun 21.1.2010, 13:34

Код <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

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

Автор: Mavrun 21.1.2010, 14:08

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

Автор: vlad275 21.1.2010, 14:14

Спасибо! Жаль 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>

Автор: Mavrun 21.1.2010, 14:19

Вообще-то не так=). просто онмаус надо тоже тегу табл прописать. но поскольку в нём же и хранится идентификатор, по которому мы ищем элемент для замены, то код можно немного сократить Код <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> кстати, почитай ещё статейку про http://shublog.ru/javascript/kak-pokazat-i-skryt-tekst-na-javascript/, там по сути про тоже самое написано

Автор: vlad275 21.1.2010, 15:31

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

Автор: Mavrun 21.1.2010, 15:33

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)