Forum PHP.pl > [HTML][JavaScript]Rozwijany tekst

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Rozwijany tekst

Gasper

20.02.2016, 22:39:49

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>

gorden

21.02.2016, 18:47:00

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ć

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.