Показать сообщение отдельно
  #4 (permalink)  
Старый 16.05.2012, 08:03
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от chinga
только вот IE просит разрешения на исполнение ActiveX
А вы хотели обойтись без скриптов??

<style>
  div.green {background: green; color: yellow}
  div.yellow {background: yellow; color: green}
</style>

<div id="myDiv" style="cursor: pointer">
  <div>first content</div>
  <div>second content</div>
  <div>third content</div>
  <div>fourth content</div>
</div>

<script>
(function wizard() {
var div = myDiv.getElementsByTagName('div');
var dl = div.length;

var curDiv = div[0];
  getCurDiv = function() {return curDiv}
  setCurDiv = function(value) {curDiv = value}

  div[0].className = 'green';

  for (var i = 1; i < dl; i++) {
    div[i].className = 'yellow'
   }

})();


myDiv.onclick = function (e) {
var e = e || window.event;
var target = e.target || e.srcElement;

  if (target != getCurDiv()) {
    target.className = 'green';
    getCurDiv().className = 'yellow'
    setCurDiv(target);
  }
}
</script>

Последний раз редактировалось bes, 16.05.2012 в 14:47.
Ответить с цитированием