Форум

bazilio2010 · #1 (**permalink**) 07.10.2011, 19:48

Вот написал код чтоб фон и бордюры DIV темнели при нажатии на кнопку ни где не работает кроме IE. Где ошибка? Голову уже сломал )

function lightNone() {

if (document.body.style.backgroundColor=='#fff')
{
document.body.style.backgroundColor='#555';
cen1.style.borderColor='#555';
cen2.style.borderColor='#555';
cen3.style.borderColor='#555';
cen4.style.borderColor='#555';
cen5.style.borderColor='#555';
}
else {
document.body.style.backgroundColor='#fff';
cen1.style.borderColor='#FAFDFE';
cen2.style.borderColor='#F9FCFE';
cen3.style.borderColor='#F6FBFE';
cen4.style.borderColor='#F4FAFE';
cen5.style.borderColor='#F4FAFE';
}
}

koxt · #2 (**permalink**) 07.10.2011, 23:18

Браузеры по-разному хранят информацию о цвете. Некоторые в #hhhhhh, некоторые в rgb(xxx, xxx, xxx). Поэтому при сравнении цветов нужно проверять разные форматы

var bc = document.body.style.backgroundColor;  
COLOR_WHITE_RGB='rgb(255, 255, 255)';
COLOR_WHITE_HEX='#fff';
COLOR_WHITE_NAME='white';
if (bc.toLowerCase() == COLOR_WHITE_RGB  || bc.toLowerCase() == COLOR_WHITE_HEX || bc.toLowerCase() == COLOR_WHITE_NAME) {...}

bazilio2010 · #3 (**permalink**) 07.10.2011, 23:56

Благодарю никогда бы сам не додумался!

bazilio2010 · #4 (**permalink**) 08.10.2011, 00:55

Так то почти все в порядке, только onclick после загрузки страницы срабатывает только после второго клика .. , а это почему может быть?

koxt · #5 (**permalink**) 08.10.2011, 01:30

в каком коде?

bazilio2010 · #6 (**permalink**) 08.10.2011, 10:35

koxt · #7 (**permalink**) 08.10.2011, 15:44

предварительно нужно инициализировать атрибут

<body style='background-color:white'>

bazilio2010 · #8 (**permalink**) 08.10.2011, 20:17

koxt, Большое человеческое СПАСИБО!!!

Форум

Справочник

Discord чат

Курсы javascript