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>

рони 02.04.2015 23:49

yatony,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .test {
    background:#cccccc;
  }
.test a {color: #fff;}
  </style>
</head>

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

    <div class="t">
    :write:

    </div></div>
</div>

</body>

</html>

yatony 03.04.2015 18:05

Спасибо. Можешь помочь ещё с одной проблемкой. После того как поменялся фон я хочу поменять цвет ссылки - Тыц и меняю вот так onmousedown="style.color= '#fff'" , но никак не могу найти способ что бы цвет менялся на исходный при 2 клике.

рони 03.04.2015 18:24

yatony,
изучите css
строка 12 добавлена пост 11

yatony 03.04.2015 18:34

Спасибо, обязательно наверстаю.


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