Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Menu rozwijane
sf
post
Post #1





Grupa: Zarejestrowani
Postów: 1 597
Pomógł: 30
Dołączył: 19.02.2003
Skąd: Tychy

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


  1. <script type="text/javascript">
  2. function showmenu() {
  3. document.getElementById('menu01').style.display = "";
  4. }
  5.  
  6. <!-- ... -->
  7.  
  8. <div>
  9. Tu jest tekst.
  10. <div onclick="showmenu()" style="cursor: pointer;">Kliknij mnie aby rozwinąć!</div>
  11. <div id="menu01" style="display: none;">
  12. <a href="">link 1</a><br />
  13. <a href="">link 2</a>
  14. </div>
  15. Tutaj też jest tekst.
  16. </div>


Napisałem sobie takie coś właśnie. Wszystko jest OK. Tylko można zmodyfikować ten skrypt bez użycia DHTML, aby po ponownym naciśnięciu 'Kliknij mnie ... ' `menu01` znów się schowało?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
kszychu
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 712
Pomógł: 23
Dołączył: 27.10.2003
Skąd: z kontowni

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


Ustaw sobie zmienną w js, która po każdym kliknięciu będzie zmieniała wartości: 0 klik 1 klik 0 klik 1 itd. I później, jeśli 0 to rozwijasz, 1 to zwijasz.
Go to the top of the page
+Quote Post
revyag
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Kod
<script type="text/javascript">
function showmenu(){
if(document.getElementById('menu01').style.display==""){
    document.getElementById('menu01').style.display="none";
}else{
    document.getElementById('menu01').style.display = "";
}
</script>
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: 24.08.2025 - 23:15