Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JS]tree menu... problem
bounty
post
Post #1





Grupa: Zarejestrowani
Postów: 68
Pomógł: 9
Dołączył: 12.04.2009
Skąd: Wrocław

Ostrzeżenie: (10%)
X----

Witam!
Od razu podkreślam że z js miałem niewiele do czynienia.
Chciałem ostatnio napisać w ja funkcję która z objektów UL tworzy rozwijane menu ale funkcja funkcja wykonuje się tylko dla pierwszego elementu tzn pierwszy LI się rozwija a następne już nie.
oto kod
[HTML] pobierz, plaintext 
  1. <html>
  2.   <head>
  3.   <script language="JavaScript" type="text/JavaScript">
  4.     function zwin_rozwin(obj){
  5.       var to = obj.childNodes;
  6.       for(i=0;i<to.length;i++){
  7.        if(to[i].nodeName=='UL'){
  8.          if(to[i].style.display=='none'){
  9.            to[i].style.display='block';
  10.          } else {
  11.            to[i].style.display='none';
  12.          }
  13.        }
  14.       }
  15.     }
  16.  
  17.     function menu_li(obj){
  18.       var to=obj.childNodes;
  19.       for(var i=0;i<to.length;i++){
  20.         if(to[i].nodeName=='A'){
  21.           to[i].onclick=function(){ zwin_rozwin(obj) };
  22.         } else if(to[i].nodeName=='UL'){
  23.           to[i].style.display='none';
  24.           create_menu(to[i]);
  25.         }
  26.       }
  27.     }
  28.  
  29.     function create_menu(obj_ul){
  30.       var to = obj_ul.childNodes;
  31.       for(var i=0;i<=to.length;i++){
  32.         if(to[i].nodeName=='LI'){
  33.           menu_li(to[i]);
  34.         }
  35.       }
  36.     }
  37.   </script>
  38.   <title>Test</title>
  39.   </head>
  40.   <body>
  41.     <ul id='tree'>
  42.       <li><a href="...">Doc 1</a>
  43.         <ul>
  44.           <li><a href="...">Doc 1.1</a>
  45.             <ul>
  46.               <li><a href="...">Doc 1.1.1</a>
  47.                 <ul>
  48.                   <li><a href="...">Doc 1.1.1.1</a>
  49.                   </li>
  50.                 </ul>
  51.               </li>
  52.             </ul>
  53.           </li>
  54.         </ul>
  55.       </li>
  56.       <li><a href="...">Doc 2</a>
  57.         <ul>
  58.           <li><a href="...">Doc 2.1</a>
  59.             <ul>
  60.               <li><a href="...">Doc 2.1.1</a>
  61.                 <ul>
  62.                   <li><a href="...">Doc 2.1.1.1</a>
  63.                   </li>
  64.                 </ul>
  65.               </li>
  66.             </ul>
  67.           </li>
  68.         </ul>
  69.       </li>
  70.     </ul>
  71.     <script language="JavaScript" type="text/JavaScript">
  72.       create_menu(document.getElementById('tree'));
  73.     </script>
  74.   </body>
  75. </html>
[HTML] pobierz, plaintext

Jakieś sugestie?
Z góry dziękuję za pomoc.
Bounty.

@edit
Już dałem radę (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Ten post edytował bounty 20.05.2009, 22:57:05
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 24.08.2025 - 05:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn