Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [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
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: 21.08.2025 - 17:13