Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Menu rozwijane
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
sf
17.11.2004, 10:22:48 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function showmenu() {
  3.     document.getElementById('menu01').style.display = "";
  4. }
  5. </script>
  6.  
  7. <!-- ... -->
  8.  
  9. <div>
  10. Tu jest tekst.
  11.   <div onclick="showmenu()" style="cursor: pointer;">Kliknij mnie aby rozwinąć!</div>
  12.   <div id="menu01" style="display: none;">
  13.     <a href="">link 1</a><br />
  14.     <a href="">link 2</a>
  15.   </div>
  16. Tutaj też jest tekst.
  17. </div>
[HTML] pobierz, plaintext


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?
kszychu
17.11.2004, 10:38:41
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.
revyag
17.11.2004, 11:06:57
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>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.