чередование цвета в div

Константин
На сайте с 23.05.2010
Offline
110
5800

Допустим есть такой блок

<div id="ferst">

<div class="blok"></div>

<div class="blok"></div>

<div class="blok"></div>

<div class="blok"></div>

</div>

Надо сделать что бы было чередование цвета блоков <div class="blok"></div>

На JS или php

Нашел для таблиц вот

как такое же замутить для таблиц

КАК КАК КАК?

H
На сайте с 26.02.2010
Offline
60
#1

сделай два класса "block" и "block_1"....

_
На сайте с 09.06.2008
Offline
158
#2

div#ferst :nth-child(odd) { йа нечетный}

div#ferst :nth-child(even) { йа четный}

PS Не работает в IE 6, и пофиг

Настраиваю напильником Joomla 1.5 (http://joomla15.ru) Если постоянно взламывают движок, достаточно сменить хостинг (http://2s4.ru/ytx) всем СРОЧНО (14 дек) обновлять или патчить joomla-сайты (/ru/forum/919351)
RO
На сайте с 13.07.2009
Offline
88
#3

на похапэ это примерно так, если блоки генерируются в цикле


div.block_red
{
padding:10px;
background-color:#f00;
}
div.block_green
{
padding:10px;
background-color:#0f0;
}

<?php

//вариант 1
for($i=0;$i<10;$i++)
{
echo '<div class="block_'.($i%2==0?'red':'green').'">ololo</div>';
}

//вариант 2
while($i<10)
{
echo '<div class="block_'.($i%2==0?'red':'green').'">ololo</div>';
$i++;
}
?>

а как сделать чтобы

<div class="blok"></div>

и

<div class="blok"></div>

были разного цвета я хз...

C
На сайте с 04.02.2005
Offline
274
#4

window.document.getElementsByTagName('div');

Получить класс элемента (block)

менять ему background-color

приблизительно так

var list_div = document.getElementsByTagName('div');
background_color = нужный цвет;
for ( (var i = 0; i < list_div.length; i++){
if (list_div.className == 'block') {
list_div.style.backgroundСolor =background_color;
background_color = новый цвет;

}
Константин
На сайте с 23.05.2010
Offline
110
#5

Не выходит

воткнул так

<script type="text/javascript">

var list_div = document.getElementsByTagName('div');
background_color = #888888;
for ( (var i = 0; i < list_div.length; i++){
if (list_div.className == 'block') {
list_div.style.backgroundСolor =background_color;
background_color = #000000;

}

</script>

ни чего не меняется

напоминаю

код

<div id="ferst">
<div class="blok">ы</div>
<div class="blok">ы</div>
<div class="blok">ы</div>
<div class="blok">ы</div>
</div>

стили

#ferst .blok {
text-align: center;
height: 20px;
width: 500px;
}

website-verstka добавил 04.09.2010 в 21:10

объявляю денежное вознаграждение!

лишь бы был результат

VID01
На сайте с 29.01.2010
Offline
84
#6

<style type="text/css">

#ferst .blok {
border:1px solid #000;
text-align: center;
height: 20px;
width: 500px;
}
</style>
<div id="ferst">
<div class="blok">ы</div>
<div class="blok">ы</div>
<div class="blok">ы</div>
<div class="blok">ы</div>
<div class="blok">ы</div>
<div class="blok">ы</div>
</div>
<script type="text/javascript">
var list_div = document.getElementsByTagName("div");
background_color = '#888888';
for (var i=0; i<list_div.length; i++){
if (list_div.className=="blok") {
list_div.style.backgroundColor=background_color;
if (background_color=='#cccccc') background_color = '#888888';
else background_color='#cccccc';
}
}
</script>
Константин
На сайте с 23.05.2010
Offline
110
#7

вот спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий