[AJAX] Dtree dynamisch opbouwen - Softwareontwikkeling

donderdag 27 augustus 2009 14:56

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik ben aan het experimenteren met Dtree

Nu wil ik dynamisch nodes aan de tree toe kunnen voegen. Onderstaande probeer ik uit maar dat werkt niet omdat "mytree" waarschijnlijk niet als element bestaat. Speuren hier en op google geeft geen resultaat.

code:

<html>

 <head>
 <title>Gecko DOM insertBefore test</title>
 
 
<link rel="StyleSheet" href="dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="dtree/vertdtree.js"></script>

 
<script type="text/javascript">
 
function addElement() {
    
    var mytree = document.getElementById("mytree");
    
    mytree.add(158, 150, 'testteam_index.asp?groupe_id=154', 'Zend Studio', '', '');
    document.write(mytree); //refresh werkt ook niet omdat object leeg is
}
 
 </script>
 
 </head>

<body>
<h1>Horizontal Tree Example</h1>
<br>
<script language=javascript>
    mytree = new dTree('mytree');
    
    mytree.add(146, -1, 'Designers', 'team_index.asp?groupe_id=146', 'Designers', '', '');
    mytree.add(145, -1, 'Developers', 'team_index.asp?groupe_id=145', 'Developers', '', '');
    mytree.add(148, 145, 'Desktop Developers', 'team_index.asp?groupe_id=148', 'Desktop Developers', '', '');
    mytree.add(147, 145, 'Web Developers', 'team_index.asp?groupe_id=147', 'Web Developers', '', '');
    mytree.add(149, 147, 'Asp.net Developers', 'team_index.asp?groupe_id=149', 'Asp.net Developers', '', '');
    mytree.add(151, 149, 'Asp.net 1.0', 'team_index.asp?groupe_id=151', 'Asp.net 1.0', '', '');
    mytree.add(152, 149, 'Asp.net 1.1', 'team_index.asp?groupe_id=152', 'Asp.net 1.1', '', '');
    mytree.add(153, 149, 'Asp.net 2.0', 'team_index.asp?groupe_id=153', 'Asp.net 2.0', '', '');
    mytree.add(150, 147, 'PHP Developers', 'team_index.asp?groupe_id=150', 'PHP Developers', '', '');
    mytree.add(154, 150, 'Zend Studio', 'team_index.asp?groupe_id=154', 'Zend Studio', '', '');

    document.write(mytree); 
</script> 
 
<input type="button" value="Click Here" onClick="addElement();">
 </body>
 </html>

Is er een andere manier om dit dynamisch op te lossen?

donderdag 27 augustus 2009 15:46

Acties:

0 Henk 'm!

Woy

Moderator Devschuur®

Ten eerste hoort dit in WEB ( Waar hoort mijn topic? ).

Ten tweede zul je een wat uitgebreidere TS moeten maken. Je geeft niet aan wat er mis gaat, en zegt ook niet waar je op gezocht hebt op google. Verder zul je dus eerst ook wat moeten debuggen wat er mis gaat, ik weet niet hoe een DTree aan je document toegevoegd word, maar ik ga er van uit dat je op regel 15 al NULL terug krijgt. Hoezo schrijf je het object trouwens weg op regel 42? Is het niet beter om hem gewoon toe te voegen aan de DOM?

Deze gaat dus op slot, als je wat meer informatie geeft kun je in WEB eventueel een nieuw topic openen.

“Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life.”

Dit topic is gesloten.