Все записи с меткой ‘Ячейка’



Раскраска ячеек таблицы через одну

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

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 Проверено, работает!

Twitter SEO Community Ваау! Korica Google Bookmarks Digg Закладки Yandex Myscoop Zakladok.net Reddit БобрДобр.ru Memori.ru МоёМесто.ru Mister Wong