<html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type ="text/javascript " src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <?php //var_dump($files); ?> <?php //print_r($files);?> <div id="files"> </div> <script type="text/javascripp"> $(document).ready(function(){ var file_tree = build_file_tree(files); file_tree_appendTo('#files'); function build_file_tree(files){ var tree = $('<ul>'); for(x in files){ if(typeof files[x] == "object"){ var span = $('<span>').html(x).appendTo( $('<li>').appendTo(tree).addClass('folder') ); var subtree = build_file_tree(files[x]).hide(); span.after(subtree); span.click(function(){ $(this).parent().find('ul:first').toggle(); }); }else{ $('<li>').html(files[x]).appendTo(tree).addClass('file'); } } return tree; } }); </script> </body> </html>
Prosze o jakies sugestie.
Problem rozwiazany temat do zamkniecia.