Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Смена фона у div по onchange (https://javascript.ru/forum/dom-window/48827-smena-fona-u-div-po-onchange.html)

Slavok47 18.07.2014 12:55

Смена фона у div по onchange
 
Всем привет!
Ребят есть возможность сделать смену фона у дива, при выборе чекбокса, одной строкой? например через onchange или onckick, дело в том что дивы выводятся циклом с разными ID, чекбоксы аналогично, и все ID задаются переменными PHP.
Спасибо!

Slavok47 18.07.2014 13:23

вобщем вот что получилось
onClick="document.getElementById('bo').style.background = '#cccccc'"


вот только при выборе чекбокса фон меняется, при снятии галки фон таким же и остается...

рони 18.07.2014 14:25

Slavok47,
onclick="document.getElementById('bo').style.background = this.checked ?'#cccccc' : ''"

Slavok47 18.07.2014 15:06

Спасибо огромное!

yatony 02.04.2015 22:36

Привет, вот так я могу менять фон при клике на ссылку document.getElementById('123').style.background = '#cccccc' но если кликнуть ещё раз предидущий фон не возвращается, как это можно провернуть?

soltx 02.04.2015 22:57

Цитата:

Сообщение от yatony (Сообщение 364708)
Привет, вот так я могу менять фон при клике на ссылку document.getElementById('123').style.background = '#cccccc' но если кликнуть ещё раз предидущий фон не возвращается, как это можно провернуть?


например это можно провернуть используя условие

Царь Леонид 02.04.2015 23:22

Цитата:

Привет, вот так я могу менять фон при клике на ссылку document.getElementById('123').style.background = '#cccccc' но если кликнуть ещё раз предидущий фон не возвращается, как это можно провернуть?
просто чуть измени код Рони и будет тебе счастье
onclick="document.getElementById('bo').style.background = this.checked ?'#cccccc' : '#fff'"

yatony 02.04.2015 23:29

document.getElementById('123').style.background = ? '#cccccc': '#ffffff' не работает

рони 02.04.2015 23:34

yatony,
сделайте макет чего вы там кликаите - минимальный

yatony 02.04.2015 23:38

<div id="123" style="padding: 15px;"> 
<a  href="#" onclick="document.getElementById('123').style.background = '#cccccc';facechange('.none'); return false;">Тыц</a>
<div class="none" style="font-family: sans-serif;text-align: left;">
    
    <div class="t">
    :write: 
    
    </div></div>
</div>


Часовой пояс GMT +3, время: 08:51.