Форум программистов [Powered by Invision Power Board]

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

Форум программистов > JavaScript: для новичков > Цвет фона в зависимости от позиции

Автор: g27 31.3.2010, 14:02

Здравствуйте,

Вообщем идут блоки <div class="module"> bla bla bla </div> подрят. Как сделать что бы каждый второй блок был синего цвета допустим? тоесть надо менять цвет фона.

Автор: EmilRegis 31.3.2010, 14:09

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

Автор: g27 31.3.2010, 14:14

ну они и так в общем диве одном, так мне и надо пример как сделать что бы он перебирал и окрашивал. smile

Автор: EmilRegis 31.3.2010, 14:28

Код


function f(){
var div = document.getElementById('divid');
var divlist = div.getElementsByTagName('div');
for (var i=0;i<divlist.length;i=i+2){
    divlist[i].style.backgroundColor = 'blue';
}
}

Автор: EmilRegis 31.3.2010, 14:44

интернет пишет, что подобного можно добиться чистым css, но я примеры у себя юзал, не работало...если кто-то знает как чистым css это сделать - напишите пожалуйста

Автор: bars80080 31.3.2010, 15:09

тебе уже сказали, присваивать соответствующий класс.

иные варианты не кроссбраузерны

Автор: EmilRegis 31.3.2010, 15:12

Цитата(bars80080 @ 31.3.2010, 15:09)

тебе уже сказали, присваивать соответствующий класс.

иные варианты не кроссбраузерны

это не мне сказали, это я сказал))

Автор: g27 31.3.2010, 15:42

спасибо))

Автор: bars80080 31.3.2010, 15:45

бывает. чересполосицу можно задать хитрым способом, манипуляциями со всякими +, before или иными командами в css2-3 или ещё каком-то. но так это поддерживается далеко не всеми браузерами, а точнее большинством не поддерживается, то заморачиваться не стоит

Автор: EmilRegis 31.3.2010, 15:52

я читал про nth-child, но почему-то пример, что был на том сайте, где я читал, не работал ни под firefox, ни под IE6