Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Zakladki, zakladki bez korzystania z div
vitlord
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 9.03.2010

Ostrzeżenie: (0%)
-----


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 smile.gif



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 winksmiley.jpg
// przenoszę na Przedszkole
// pamiętaj o BBCode jeśli wklejasz kod
// ayeo
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
golin
post
Post #2





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 8.03.2010
Skąd: Bochnia

Ostrzeżenie: (0%)
-----


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ę.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 07:29