Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]Rozwijany tekst
Gasper
post
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>
Go to the top of the page
+Quote Post
gorden
post
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ć
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 14:28