Все записи с меткой ‘Ячейка’
0
Раскраска ячеек таблицы через одну
Для того, чтобы раскрасить ячейки таблицы через одну, например в гостевой книге, нам понадобится следующий скрипт который нужно разместить после таблицы, которой требуется раскраска.
JavaScript:
function paintTable(obj){
for(i=0; i<obj.rows.length; i++){
if(i%2>0){
obj.rows[i].style.background = "#ccc";
}
}
}
paintTable(document.getElementById("coloring"));
В строке
obj.rows[i].style.background = "#ccc";
задается цвет бэкграунда ячеек.
В строке
paintTable(document.getElementById("coloring"));
задается id таблицы, в данном случае это “coloring”.
Теперь для того, чтобы ячейки у заданной таблицы раскрашивались в нужный нам цвет, нужно присвоить таблице id который указан в скрипте, например так:
HTML-код:
<table id="coloring"> ...
Пример, того что получится, можно посмотреть здесь.
Работоспособность:
Internet Explorer 8 
Firefox 3.5.4 
Opera 9.64 