Forum PHP.pl > [JS] Zakladki

Pomoc - Szukaj - Użytkownicy - Kalendarz

vitlord

9.03.2010, 22:40:30

mam taki kod ktory dzial poprawnie jednak nie wiem jak rozszerzyc go na wieksza ilosc zakladek (10). Probuje za pomoca petli ukrywac pozostale tabele bo to sie da zrobic ale jakos mi nie wychodzi, czy ktos poratuje

Kod

<html>
<head>
<script type="text/javascript">
// <![CDATA[
function pokaz_ukryj(pokaz, ukryj) {
    document.getElementById(pokaz).style.display = "block";
    document.getElementById(ukryj).style.display = "none";
}
//]]
</script>
</head>
<body>
<p>
    <a href="java script:void(pokaz_ukryj('tabela1', 'tabela2'))">Pokaż 1</a>: ||
    <a href="java script:void(pokaz_ukryj('tabela2', 'tabela1'))">Pokaż 2</a>:
</p>
<table id="tabela1" style="background: red; width: 200px;">
    <tr>
       <td>To jest pierwsza tabela</td>
    </tr>
</table>
<table id="tabela2"style="background: green; width: 200px; display:none">
    <tr>
        <td>To jest druga tabela</td>
    </tr>
</table>
</body>
</html>

// witamy na Forum

// przenoszę na Przedszkole
// pamiętaj o BBCode jeśli wklejasz kod
// ayeo

golin

9.03.2010, 22:53:16

dodaj do kazdego elemtnu (zakładki) parametr class= (np) "zakladki"
Pobierasz elementy poprzez nazwę klasy i przez pętlę je ukrywasz

Kod

var elements = document.getElementsByClassName('zakladki');
for (i = 0; i < elements.length; i++){
elements[i].style.display = 'none';
}

Spróbuj to zrobić za pomocą jQuery lub czegoś podobnego. Bardzo ułatwia pracę.

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.