2013-03-04 2 views
-2

Привет, может кто-нибудь, пожалуйста, помогите мне, как показать Treeview в левой стороне, и это релевантный контент в правой части.Leftside Treeview and rightside Соответствующий контент div

Я скачал структуру TreeView с этого сайта: http://www.destroydrop.com/javascripts/tree/

d = new dTree('d'); d.add(0,-1,'StratApps'); 
d.add(1,0,'First Folder','page1.html') 
d.add(2,1,'Packages','page2.html'); 
d.add(3,2,'Pkg_Load_Dim','page3.html'); 
d.add(4,2,'Pkg_Write_to_File','#'); 
d.add(5,1,'Interfaces','#'); 
d.add(6,5,'Int_Load_Order_Dim','#'); 
d.add(7,5,'Int_Load_Channel_Dim','#'); 
d.add(8,1,'Procedures','#'); 
d.add(9,8,'Proc_Update_Order','#'); 
d.add(10,8,'Proc_Process_Errors','#'); 
document.write(d); 
+0

Я не совсем уверен, что вы» re ask, но вот древовидное представление, отличное от JavaScript, которое вы, возможно, захотите рассмотреть. http://www.thecssninja.com/css/css-tree-menu –

+0

откуда находится соответствующий контент? он уже загружен скрытым в документе? или он исходит из URL-адреса? – zamil

+0

Да, он скрыт в Divs like ("display: none") на той же странице. Слева Treeview отлично работает с загруженным скриптом. Левый код выглядит следующим образом: – user1835490

ответ

0

включают

<script src="http://code.jquery.com/jquery-latest.js"></script> 

добавить

<div class="content"></div> 

и

<script> 
    $(document).ready(function(){ 
     $('a').click(function(e){ 
      e.preventDefault(); 
      $(".content").text($(this).attr('id')); 
// you can write the code here to populate your required content area eg:div, span, p 
     }) 
    }) 
    </script> 

Это загрузит идентификатор щелкнул «а» в DIV с содержанием класса

EDIT: работать связь между содержанием и согласованием «а» тегом