Menu Dtree

Menu Dtree

Menu seperti EXPLORER.
pembahasan mengenai cara membuat menu dtree, karena pada pembahasan yang tempo hari agak menyulitkan pembaca, sehingga kali ini saya akan mencoba membahasnya lebih mendalam dengan maksud agar lebih mudah untuk di pahami.

Untuk membuat menu dtree, sobat bisa mendownload pada situs resminya yaitu di SINI
silahkan untuk mendownloadnya sendiri. Akan tetapi kode tersebut tidaklah merupakan suatu barang yang sudah jadi, dengan kata lain sobat harus memahaminya.
kalo sobat mau yang simple, detail dan langsung jadi tanpa bolak balik kesana kemari, ikuti petunjuk yang saya berikan...

1. langkah pertama copy kan ke 2 code di bawah ini di atas code </head>

<link rel="StyleSheet" href="http://cahayacell.googlecode.com/files/dtree.css" type="text/css" />
<script type="text/javascript" src="http://cahayacell.googlecode.com/files/dtree.js"></script>

2. Langkah kedua tambah gadget ada dan copykan kode dibawah ini :

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

Setelah itu save. dan pelajari dengan teliti, kamu bolak-balik saja codenya, nanti kamu akan mengerti dengan sendirinya. udah dulu ya mau makan.

selamat mencoba. kalo ada masalah coment aja