Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Изменение рисунка при нажатии

Автор: Guedda 12.5.2010, 11:40

Добрый день, уважаемые. Есть следующая верстка:

Код


  <script type="text/javascript">
  function shp(tid) {
    document.getElementById('menucontent').className=tid;
  }
  </script>
  <style>
    #menucontent #first,#menucontent #second {display:none;}
    #menucontent.first #first {display:block;}
    #menucontent.second #second {display:block;}
  </style>
...
  <tr>
    <td><div id="buttns">
      <a href="#" onclick="shp('second');"><img src="/images/second.png" /></a>
      <a href="#" onclick="shp('first');"><img src="/images/first.png" /></a>
    </div></td>
  </tr>
  <tr>
    <td>
      <div id="menucontent" class="first">
        <div id="second">
          Text1
        </div>
        <div id="first">
          Text2
        </div>
      </div>
    </td>
  </tr>

Мне необходимо, чтобы при нажатии на ссылку (картинку) эта самая картинка изменялась, т.е., чтобы при нажатии на first.png она становилась first2.png, а second.png становилась second.png
при нажатии на second.png становилось second2.png, а first2.png становилось first.png (надеюсь, Вы меня поняли).
Мне просто необходимо реализовать видимость, в какой вкладке мы находимся.

Заранее благодарен за ответы.

Автор: blah 12.5.2010, 14:09

Код


_img = document.getElementById('buttns').getElementsByTagName("img");
(tid=="first") ? _img.item(1).src = "images/first2.png" : _img.item(1).src = "images/first.png";
(tid=="second") ? _img.item(0).src = "images/second2.png" : _img.item(0).src = "images/second.png";

Не очень красивое, но одно из самых простых решений.

Автор: Guedda 12.5.2010, 14:53

Спасибо большое. Помогло... +++ тебе