Skip to Main Content Area

Выделение цветом строки таблицы при наведении на нее мышью

Опубликовано admin в Втр, 08/24/2010 - 22:05

Подсветка стоки таблицы, на которою указывает курсор мыши, выглядит как в phpMyAdmin.

<script type="text/javascript">
//Изменение цвета фона строки таблицы, при наведении на нее мыши.
//tableID – идентификатор таблицы
//selColor – цвет при наведении мыши
//normColor – обычный цвет фона
function trsetcolor(tableID, selColor, normColor){
table = document.getElementById(tableID);
var trs=table.getElementsByTagName('tr');
for(var j=0;j<trs.length;j++){
trs[j].onmouseover=function(){this.bgColor = selColor;return false;};
trs[j].onmouseout=function(){this.bgColor = normColor;return false;};
}
}
</script>

<body onload="trsetcolor('test', '#66ff99', '#ffffff');">
<table id="test">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>41</td>
<td>42</td>
<td>43</td>
</tr>
</table>
</body>

Javascript