![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 20.02.2016 Ostrzeżenie: (0%) ![]() ![]() |
Witajcie tu znowu ja... Po kilku sprawdzeniach w internecie co i jak natrafiłem na kolejny problem. Mam napisany kod tak jak potrzebuje, aby przyciski były rozstawione.
Nie mogę zaś ogarnąć jak zrobić by każdy pokazywał inne informacje. Wrzucę wam mój kod i powiedzcie co muszę zmienić. CODE <html>
<head> <script> function switchInfo() { var info = document.getElementById('info') info.style.display=(info.style.display=='none')?'':'none' } </script> </head> <body> <span onclick="switchInfo()"> <a href="#" class="button"/><img src="zabytki.png" style="position: relative; left: 20%"</a> <a href="#" class="button"/><img src="zabytki.png" style="position: relative; left: 30%"</a> <a href="#" class="button"/><img src="zabytki.png" style="position: relative; left: 40%"</a> </span> <div id="info" style="display:none"> A tutaj masz ladne dodatkowe info. </div> </body> </html> |
|
|
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 486 Pomógł: 101 Dołączył: 27.06.2010 Ostrzeżenie: (0%) ![]() ![]() |
Nie przekazujesz funkcji żadnej informacji, nie oznaczasz poszczególnych przycisków w żaden sposób. Nawet masz tylko jeden div#info. Jak Ty chcesz sprawić, aby pokazywał Ci coś innego?
1. Tworzysz więcej divów, np. info1, info2, info3. 2. Do funkcji switchInfo dodajesz argument, np. id_elementu i podmieniasz w niej wszystkie odniesienia do diva o id info na tą zmienną 3. Do każdego znacznika <a> dodajesz zdarzenie onclick i odwołujesz się w nim do w/w funkcji z argumentem id elementu, który chcesz pokazać/ukryć |
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 14:28 |