Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozwijane menu - problem
Gordon1x
post 1.08.2008, 08:42:35
Post #1





Grupa: Zarejestrowani
Postów: 43
Pomógł: 0
Dołączył: 13.06.2007

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

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
webasek
post 1.08.2008, 09:06:58
Post #2





Grupa: Zarejestrowani
Postów: 274
Pomógł: 35
Dołączył: 18.07.2008
Skąd: Kielce

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

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.


--------------------
"Tylko dwie rzeczy są nieskończone: wszechświat oraz ludzka głupota,
choć nie jestem pewien co do tej pierwszej." Albert Einstein

Wirtualny Rynek Predykcyjny
Go to the top of the page
+Quote Post
Gordon1x
post 1.08.2008, 10:14:03
Post #3





Grupa: Zarejestrowani
Postów: 43
Pomógł: 0
Dołączył: 13.06.2007

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

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


Ten post edytował Gordon1x 1.08.2008, 10:11:12
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 15:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn