Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Rozwijane menu - problem
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Gordon1x
1.08.2008, 08:42:35
Kod javascript do rozwijania menu:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. </head>
  5.  
  6. <body>
  7.  
  8. <script type="text/javascript" language="JavaScript"> 
  9. var akcja = document.getElementById&&!document.all?1:0;
  10. var head = "display:''";
  11. var folder = '';
  12.  
  13. function zwin(){
  14. }
  15.  
  16. function rozwin(get){ 
  17.  folder = akcja?get.nextSibling.nextSibling.style:document.all[get.sourceIndex+1].style;
  18.  
  19.  if (folder.display == "none"){
  20.   folder.display = "";
  21.  }
  22.  else{
  23.   folder.display = "none";
  24.  }
  25. } 
  26.  
  27. </script> 
  28.  
  29. <h6 style="font-size:8pt" id="1" onClick="javascript:rozwin(this);" title="Kliknij aby zobaczyć zawartość">Tytuł działu</h6> 
  30. <span id="1" style="display:none;"> 
  31. 1.wiersz 
  32. <BR>2.wiersz 
  33. <BR>3.wiersz 
  34. <BR>4.wiersz 
  35. </span> 
  36.  
  37. <h6 style="font-size:8pt" id="2" onClick="javascript:rozwin(this);">Tytuł działu 2</h6> 
  38. <span id="2" style="display:none;"> 
  39. 1.wiersz  2
  40. <BR>2.wiersz  2
  41. <BR>3.wiersz  2
  42. <BR>4.wiersz  2
  43. </span> 
  44.  
  45. </body>
  46. </html>
[HTML] pobierz, plaintext


Nie wiem jak napisać funkcję zwin() aby wcześniej rowinięte menu zwinąć, a rozwinąć tylko wybrane.

Z góry dziękuję za pomoc.
webasek
1.08.2008, 09:06:58
Najprościej będzie chyba zwinąć wszystkie elementy akie są w pętli for a potem rozwinąć tylko ten jeden czyli w funkcji rozwin najpierw daj zwin gdzie wszystkim elementom dajesz display na none a reszta już jest to ma tylko jedną wadę rozszerzając menu musisz także zmienić pętle chyb, że menu masz w bazie to wtedy tylko użyć php do ilości elementów i gotowe.
Gordon1x
1.08.2008, 10:14:03
Nie ma potrzeby stosować pętli, ale wielkie dzięki za pomoc.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. </head>
  5.  
  6. <body>
  7.  
  8. <script type="text/javascript" language="JavaScript"> 
  9. var akcja = document.getElementById&&!document.all?1:0;
  10. var head = "display:''";
  11. var folder = '';
  12. var getopen = '';
  13.  
  14. function zwin(getopen){
  15.  var akcja = document.getElementById(getopen)&&!documet.all?1:0;
  16.  var head = "display:''";
  17.  var folder = '';
  18.  
  19.  folder = akcja?getopen.nextSibling.nextSibling.style:document.all[getopen.sourceIndex+1].style;
  20.  folder.display = "none";
  21. }
  22.  
  23. function rozwin(get){ 
  24.  folder = akcja?get.nextSibling.nextSibling.style:document.all[get.sourceIndex+1].style;
  25.  
  26.  if (folder.display == "none"){
  27.   folder.display = "";
  28.   if(getopen != ''){
  29.    zwin(getopen);
  30.   }
  31.   getopen = get;
  32.  }
  33.  else{
  34.   folder.display = "none";
  35.  }
  36. } 
  37.  
  38. </script> 
  39.  
  40. <h6 style="font-size:8pt" id="1" onClick="javascript:rozwin(this);" title="Kliknij aby zobaczyć zawartość">Tytuł działu</h6> 
  41.  <span id="1" style="display:none;"> 
  42.   1.wiersz 
  43.   <BR>2.wiersz 
  44.   <BR>3.wiersz 
  45.   <BR>4.wiersz 
  46.  </span>
  47.  
  48. <h6 style="font-size:8pt" id="2" onClick="javascript:rozwin(this);">Tytuł działu 2</h6> 
  49.  <span id="2" style="display:none;"> 
  50.   1.wiersz  2
  51.   <BR>2.wiersz  2
  52.   <BR>3.wiersz  2
  53.   <BR>4.wiersz  2
  54.  </span> 
  55.  
  56. </body>
  57. </html>
[HTML] pobierz, plaintext


Pod Iceweasel (czyli przegladarka na bazie Mozillai) nie działa zwijanie menu.

Jak rozwiazać ten problem?

P.S.
Pod innymi przeglądarkami działa normalnie.

Pomogła zmiana nazw zmiennych:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. </head>
  5.  
  6. <body>
  7.  
  8. <script type="text/javascript" language="JavaScript">
  9. var akcja = document.getElementById&&!document.all?1:0;
  10. var head = "display:''";
  11. var folder = '';
  12. var getopen = '';
  13.  
  14. function zwin(getopen){
  15. var gakcja = document.getElementById(getopen)&&!documet.all?1:0;
  16. var ghead = "display:''";
  17. var gfolder = '';
  18.  
  19. gfolder = akcja?getopen.nextSibling.nextSibling.style:document.all[getopen.sourceIndex+1].style;
  20. gfolder.display = "none";
  21. }
  22.  
  23. function rozwin(get){
  24. folder = akcja?get.nextSibling.nextSibling.style:document.all[get.sourceIndex+1].style;
  25.  
  26. if (folder.display == "none"){
  27. folder.display = "";
  28. if(getopen != ''){
  29. zwin(getopen);
  30. }
  31. getopen = get;
  32. }
  33. else{
  34. folder.display = "none";
  35. }
  36. }
  37.  
  38. </script>
  39.  
  40. <h6 style="font-size:8pt" id="1" onClick="javascript:rozwin(this);" title="Kliknij aby zobaczyć zawartość">Tytuł działu</h6>
  41. <span id="1" style="display:none;">
  42. 1.wiersz
  43. <BR>2.wiersz
  44. <BR>3.wiersz
  45. <BR>4.wiersz
  46. </span>
  47.  
  48. <h6 style="font-size:8pt" id="2" onClick="javascript:rozwin(this);">Tytuł działu 2</h6>
  49. <span id="2" style="display:none;">
  50. 1.wiersz 2
  51. <BR>2.wiersz 2
  52. <BR>3.wiersz 2
  53. <BR>4.wiersz 2
  54. </span>
  55.  
  56. </body>
  57. </html>
[HTML] pobierz, plaintext
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.