Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Изменение рисунка при нажатии, Сложная конструкция 
V
    Опции темы
Guedda
Дата 12.5.2010, 11:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



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

  <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 (надеюсь, Вы меня поняли).
Мне просто необходимо реализовать видимость, в какой вкладке мы находимся. 

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


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
blah
Дата 12.5.2010, 14:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17



Код

_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";

Не очень красивое, но одно из самых простых решений.
PM MAIL ICQ   Вверх
Guedda
Дата 12.5.2010, 14:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



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


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0392 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.