Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][css] visibility hidden
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
hondek
29.09.2007, 11:01:57
Chce zrobic chowające się menu, ale nie chce mi sie chowac smile.gif w style.css mam ustwione visibility: hidden;
[XML] pobierz, plaintext 
  1.   function menu(id) {
  2.       if (document.getElementById(id).style.visibility='hidden') {
  3.           document.getElementById(id).style.visibility='visible';
  4.           document.getElementById(id).style.height='100px';
  5.       } 
  6.       else {
  7.           document.getElementById(id).style.visibility='hidden';
  8.           document.getElementById(id).style.height='0px';
  9.           return
  10.       }
  11.   }
  12.   
[XML] pobierz, plaintext


i html :

[HTML] pobierz, plaintext 
  1. <div onclick=" menu('ok') " class="menu">Menu</div>
[HTML] pobierz, plaintext


Menu laduje sie schowane, jak klikne to sie rozwija winksmiley.jpg ale jak klikne ponownie to sie nie zwija... sad.gif
Proszę o pomoc, z góry dziekuję.
nevt
29.09.2007, 11:08:54
Może to bez znaczenia... ale dlaczego return jes tylko w bloku else ? powinien być po całym if , no i brakuje po nim średnika... koże dlatego blok else nie działa?

Pozdrawiam.
hondek
29.09.2007, 11:14:50
pomyłka winksmiley.jpg return mialo nie być smile.gif bez tego też się nie chowa:(
Błąd tkwi gdzieś indziej.
Stalos
3.10.2007, 18:50:25 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  <script>
  4. var zmienna_globalna = 1; 
  5.  
  6. function menu(id) {
  7. var element = document.getElementById(id);
  8. if (zmienna_globalna == 0){
  9. 	element.style.visibility='visible';
  10. 	element.style.height='100px';
  11. 	zmienna_globalna = 1;
  12. 	return true;
  13. }
  14. else{
  15. 	element.style.visibility='visible';
  16. 	element.style.height='10px';
  17. 	zmienna_globalna = 0;
  18. 	return true;
  19.  
  20. }
  21.  
  22.  } 
  23.  </script> 
  24. </head>
  25. <body>
  26. <div onclick="menu('menu')" id="menu">Menu</div>
  27. <script>
  28. document.getElementById('menu').style.background = "red";
  29. </script>
  30. </body>
  31.  
  32. </html>
[HTML] pobierz, plaintext


dałem tło czerwone aby widać było jak się zmienia. O to chodziło ?
hondek
5.10.2007, 16:07:21
Tak, o to smile.gif Dziękuje bardzo!
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.