VPF::Изменить стиль у DIV - Форум программистов

AlexanderI

Дата 16.6.2006, 13:21 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Пытаюсь изменить стиль у DIV (браузер IE)
С этим языком знаком очень плохо.

Код


DIV.cat {
    PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 8px; PADDING-LEFT: 20px; FONT-SIZE: 73%; BACKGROUND-IMAGE: url(/images/u1.gif); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat
}
DIV.cat2 {
    PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 8px; PADDING-LEFT: 20px; FONT-SIZE: 73%; BACKGROUND-IMAGE: url(/images/u2.gif); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat
}

Так не изменяется:

Код


var SS = document.getElementById(imgt).className;  
if (SS == 'cat2'){
document.getElementById(imgt).className = 'cat';
}
else {
document.getElementById(imgt).className = 'cat2';
}

Так изменяется:

Код


var SS = document.getElementById(imgt).className;  
if (SS == 'cat2'){
document.getElementById(imgt).className = 'cat';
alert("->"+SS);
}
else {
document.getElementById(imgt).className = 'cat2';
alert("->"+SS);
}

Т.е. в перфом случае, картинка в фоне пропадает и не появляется.
Во втором случае всё нормально.
Как мне сделать чтобы всё нормально появлялось без alert("->"+SS);

Первый пример: http://agropenza.ru/1.htm
Второй пример: http://agropenza.ru/2.htm

Это сообщение отредактировал(а) AlexanderI - 16.6.2006, 13:22

--------------------

Магазин детских игрушек | Авто ВАЗ

FPMOleg

Дата 16.6.2006, 15:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Код


.cat {
    PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 8px; PADDING-LEFT: 20px; FONT-SIZE: 73%; BACKGROUND-IMAGE: url(/images/u1.gif); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat
}
.cat2 {
    PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 8px; PADDING-LEFT: 20px; FONT-SIZE: 73%; BACKGROUND-IMAGE: url(/images/u2.gif); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat
}

Код


var Elem = document.getElementById(imgt).;  
if (elem){
  if (elem.className == 'cat2')     elem.className = 'cat'
  else                                            elem.className = 'cat2'

}

AlexanderI

Дата 16.6.2006, 16:14 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Не работает.
Можешь подделать под мой пример ?

--------------------

Магазин детских игрушек | Авто ВАЗ

FPMOleg

Дата 16.6.2006, 16:21 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

ты CSS подправь, как я тебе написал, без DIV

AlexanderI

Дата 16.6.2006, 16:33 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

правил, не работает.Иногда фоновая картинка работает, иногда нет.

--------------------

Магазин детских игрушек | Авто ВАЗ

[xoodo]

Дата 16.6.2006, 18:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Начнем с того, что в Опере не работает ни один.

Код

document.getElementById('imgt').className = 'cat';

Так сделай, с апострофами.

Добавлено @ 18:58
То сверху не читай. Я не учел, что это переменная, а не ИД. Пробуй так:

Код


document.getElementById('imgt').style.className = 'cat'; // dlja ID
document.getElementById(imgt).style.className = 'cat'; // dlja peremennoj

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »