Toujours à la recherche de la simplicité et de l'innovation, j'aime l'internet facile. Celui qui permet à Madame M. de se connecter au web et de faire une retouche photo en 5 minutes sans devoir gérer 50 paramètres.
Toujours à la recherche du jeu vidéo qui va le faire se marrer avec sa famille.
Toujours à la recherche du petit truc qui va augmenter la productivité à son boulot et à mieux s'organiser.
| < Précédent | Suivant > |
|---|
Pour créer un tree avec YUI rien de plus simple :
// treeView est l'id du div qui contiendra le tree. On attend qu'il soit prêt dans le code HTML
YAHOO.util.Event.onContentReady("treeView",function(){
// On crée un objet TreeView
var tree = new YAHOO.widget.TreeView(document.getElementById("treeView"));
// On récupère le root de l'arbre
var root = tree.getRoot();
// on ajoute un noeud à l'élément Root. Le false signale que l'arbre ne sera pas ouvert par défaut
var tempNode = new YAHOO.widget.TextNode("/", tree.getRoot(), false);
// on ajoute un noeud à l'élément que l'on vient de créer
var tempNode2 = new YAHOO.widget.TextNode("new", tempNode, false);
// Evidemment, on peut continuer le petit jeu à l'infini
// Et finalement on affiche le TreeView
tree.render();
});
Et voilà, nous avons un joli arbre.
Pour plus d'informations, consulter le site de YAHOO UI sur ce composant