Показать сообщение отдельно
  #2 (permalink)  
Старый 06.12.2012, 23:46
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

Boris777,
<script>
window.onload = function () {
    document.getElementById("imagebody").onclick = function (e) {
         e = e || event;
         target = e.target || e.srcElement;
         imgs = document.getElementById("imagebody").getElementsByTagName("a");
         if (target.tagName == "A") {
             for (i = 0; i < imgs.length; i++) {
                 imgs[i].style.backgroundColor = "white";
              }
              target.style.backgroundColor = "blue";
              document.example_img.src = "patents/"+target.href.split("#")[1]+".jpg";
         }
    }
}
</script>
<body>
......
<div id="imagebody">
<ul>
<li><a href="#2256">1. Patent #2347 A, UI20090059, 2012.</a></li>
<li><a href="#2311">2. Patent #2343 A, UI20090061, 2011.</a></li>
<li><a href="#2318">3. Patent #2318 A, UI20090060, 2010.</a></li>
</ul>
</div>
........
<div id="winwrapper">
<div id="imagewrapper"><img src="patents/2256.jpg" width="302" name="example_img" alt="image" />
</div>
</div>
..........
</body>

Последний раз редактировалось lord2kim, 06.12.2012 в 23:51.
Ответить с цитированием