Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Цвет фона в зависимости от позиции 
V
    Опции темы
g27
Дата 31.3.2010, 14:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет



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

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

Это сообщение отредактировал(а) g27 - 31.3.2010, 14:03
PM MAIL Skype   Вверх
EmilRegis
Дата 31.3.2010, 14:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4



или каждому блоку присваивать класс соответствующий, или заключить эти блоки в общий див и в скрипте перебирать его содержимое и каждый второй див окрашивать в синий цвет
PM MAIL   Вверх
g27
Дата 31.3.2010, 14:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет



ну они и так в общем диве одном, так мне и надо пример как сделать что бы он перебирал и окрашивал.  smile 
PM MAIL Skype   Вверх
EmilRegis
Дата 31.3.2010, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4



Код

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';
}
}

PM MAIL   Вверх
EmilRegis
Дата 31.3.2010, 14:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4



интернет пишет, что подобного можно добиться чистым css, но я примеры у себя юзал, не работало...если кто-то знает как чистым css это сделать - напишите пожалуйста
PM MAIL   Вверх
bars80080
Дата 31.3.2010, 15:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



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

иные варианты не кроссбраузерны
PM MAIL WWW   Вверх
EmilRegis
Дата 31.3.2010, 15:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4



Цитата(bars80080 @ 31.3.2010,  15:09)
тебе уже сказали, присваивать соответствующий класс.

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

это не мне сказали, это я сказал)) 
PM MAIL   Вверх
g27
Дата 31.3.2010, 15:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет



спасибо))
PM MAIL Skype   Вверх
bars80080
Дата 31.3.2010, 15:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



бывает. чересполосицу можно задать хитрым способом, манипуляциями со всякими +, before или иными командами в css2-3 или ещё каком-то. но так это поддерживается далеко не всеми браузерами, а точнее большинством не поддерживается, то заморачиваться не стоит
PM MAIL WWW   Вверх
EmilRegis
Дата 31.3.2010, 15:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4



я читал про nth-child, но почему-то пример, что был на том сайте, где я читал, не работал ни под firefox, ни под IE6
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0533 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.