Forums : Xul, Xbl, JS...

Bonjour à tous.

Il m'arrive un problème que je trouve bizarre.

Je cherche à ajouter des méthodes à un élément de type treeitem en passant par XBL. Je crée l'implémentation, et je lie tout ça avec un css, normal.

L'implémentation marche quand je récupère un treeitem qui se trouve dans le document xul original. Cependant, lorsque je crée un treeitem dynamiquement, je récupère bien l'objet, mais si j'appelle la méthode, le script lance une exception qui me dit que la fonction n'existe pas.

Voici le fichier xul :

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://test/content/test.css" type="text/css"?>

<window
  id="fenetre_principale"
  title="Test"
  height="400" width="400"   
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 

<script src="test.js"/>

<hbox>
  <button label="test" onclick="test()"/>
</hbox>

<tree id="bonjour" hidecolumnpicker="true" flex="1"> 
  <treecols id="truc">
     <treecol id="treecol" primary="true" flex="1"/>
  </treecols> 
  <treechildren id="children">
     <treeitem id="item1" label="item1"/>
  </treechildren> 
</tree>
</window>

(Le fichier test.css contient le lien vers le binding).

Le fichier test.js est celui-ci :

function test()
{
  var item1 = document.getElementById("item1");
  var item2 = document.createElement("treeitem");

  item2.setAttribute("label", "item2");
  item2.setAttribute("id", "item2");

  var children = document.getElementById("children");
  children.appendChild(item2);

  item1.toto();
  item2.toto();
}

La méthode toto est juste censée me lancer un alert. Cela marche pour item1, mais pas pour item2 (erreur : item2.toto is not a function).

Pourtant, l'arbre DOM m'indique bien un treeitem, au bon endroit. J'ai ce problème même si je récupère item2 en invoquant getElementById.

Il doit y avoir quelque chose qui m'échappe.

Si vous avez une idée...

Merci.