1 Тема від Faraon

  • Faraon
  • Faraon
  • Користувач
  • Поза форумом
  • Дата реєстрації: 28.05.2013
  • Повідомлень: 697
    • Репутація: 59

Тема: відображення на сторіннці div в залежності від нажатого посилання

Привіт всім. Як таке реалізувати????:
На сторінці є 4 силки коли відвідувач нажимає на силку 1 то на сторінці відображається текст 1, а якщо нажимає на силку 2 то звичайно ж відображаєится текст 2 і так далі... все це має відбуватися без перезагрузки сторінки. Наскільки я знаю то це реалізовується з допомогою div. А як саме?

2 Відповідь від Q-bart

  • Q-bart
  • Q-bart
  • Хочу бути модератором, щоб такі штуки ставити
  • Поза форумом
  • Звідки: Центр інтернету
  • Дата реєстрації: 14.06.2014
  • Повідомлень: 1 725
    • Репутація: 717

Re: відображення на сторіннці div в залежності від нажатого посилання

Мені здається що в цьому рулить HTML5....
А приблизно таке реалізовано на портфоліо користувача цього форуму - karmeljuk     
http://karmeljuk.ga/ - подивіться код HTML, може допоможе.....

Подякували: Faraon1

3 Відповідь від Stanislav Stecenko

  • Дата реєстрації: 18.09.2014
  • Повідомлень: 99
    • Репутація: 13

Re: відображення на сторіннці div в залежності від нажатого посилання

<!DOCTYPE HTML>
<html>
  <head>
    <script>
        function a(x){
          document.getElementById("div1").style.display="none";
          document.getElementById("div2").style.display="none";
          document.getElementById("div3").style.display="none";
          document.getElementById("div4").style.display="none";
          document.getElementById(x).style.display="block";
        }
    </script>
  </head>
  <body>
    <a href="#" onclick="a('div1')">Силка 1</a>
    <a href="#" onclick="a('div2')">Силка 2</a>
    <a href="#" onclick="a('div3')">Силка 3</a>
    <a href="#" onclick="a('div4')">Силка 4</a>
    <div id='div1' style="display:none;">
      div 1
    </div>
    
    <div id='div2' style="display:none;">
      div 2
    </div>
    
    <div id='div3' style="display:none;">
      div 3
    </div>
    
    <div id='div4' style="display:none;">
      div 4
    </div>
    
  </body>
</html>
Подякували: Faraon1

4 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • Поза форумом
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 603
    • Репутація: 13312

Re: відображення на сторіннці div в залежності від нажатого посилання

А ще є frame та iframe, якщо код динамічний; ну і AJAX звісно...

Подякували: Faraon1

koala вебсайт