bogdantheone
28.05.2009, 19:25
Vrei sa ai un meniu ramificat ca cel din Windows Explorer?
Bun... intai si-ntai, descarcam de pe adresa http://fisierulmeu.ro/39LBGM795TFZ/BogdanTheOne-JavaScript-1-zip.html arhiva cu fisierele necesare (sunt deja create).
Acum, facem un fisier html, in al carui <head> bagam urmatorul cod:
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
Okay... acum introducem oriunde in <body> codul
<div class="dtree">
<p><a href="javascript: d.openAll();">Deschide tot</a> | <a href="javascript: d.closeAll();">Inchide tot</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Exemplu de meniu');
d.add(1,0,'Ceva','example01.html');
d.add(2,0,'Altceva','example01.html');
d.add(3,1,'Ceva misto','example01.html');
d.add(4,0,'Altceva misto','example01.html');
d.add(5,3,'Si tot asa','example01.html');
d.add(6,5,'O iubesc pe buni','example01.html');
d.add(7,0,'Si pe scufita rosie','example01.html');
d.add(8,1,'Bla Bla','example01.html');
document.write(d);
//-->
</script>
</div>
si aici, ma rog, schimbati voi cu textul si cu link-urile care va trebuie.
Daca ti-a fost de folos acest mic tutorial, da-mi un "multumesc"!
Bun... intai si-ntai, descarcam de pe adresa http://fisierulmeu.ro/39LBGM795TFZ/BogdanTheOne-JavaScript-1-zip.html arhiva cu fisierele necesare (sunt deja create).
Acum, facem un fisier html, in al carui <head> bagam urmatorul cod:
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
Okay... acum introducem oriunde in <body> codul
<div class="dtree">
<p><a href="javascript: d.openAll();">Deschide tot</a> | <a href="javascript: d.closeAll();">Inchide tot</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Exemplu de meniu');
d.add(1,0,'Ceva','example01.html');
d.add(2,0,'Altceva','example01.html');
d.add(3,1,'Ceva misto','example01.html');
d.add(4,0,'Altceva misto','example01.html');
d.add(5,3,'Si tot asa','example01.html');
d.add(6,5,'O iubesc pe buni','example01.html');
d.add(7,0,'Si pe scufita rosie','example01.html');
d.add(8,1,'Bla Bla','example01.html');
document.write(d);
//-->
</script>
</div>
si aici, ma rog, schimbati voi cu textul si cu link-urile care va trebuie.
Daca ti-a fost de folos acest mic tutorial, da-mi un "multumesc"!