Forums : Xul, Xbl, JS...

Bonjour,

Je vais essayer d'être le plus clair possible. Dans un document XUL, j'ai inséré une "zone" SVG pour y dessiner un simple rectangle (En statique pas de problème). Par contre, dans l'interface XUL, j'ai prévu un bouton. Ce bouton déclenche l'exécution d'une fonction JavaScript dont le rôle est de dessiner dans la "zone" SVG le petit rectangle. J'ouvre mon fichier avec Mozilla Firefox 1.5... je clique sur le bouton, la fonction s'exécute bien, mais pas la moindre trace de mon rectangle :(

Si quelqu'un a une idée... Merci par avance.

Voici un extrait de code...

Partie XUL/SVG :

 <groupbox>
   <caption label="Territoire"/>
     <svg:svg id="territoire" width="600" height="440">
       <svg:g id="plan">
       </svg:g>
     </svg:svg>
 </groupbox>

Partie JavaScript :

   function Paver(evt)
   {
     var rect = document.createElement("svg:rect") ;
 
     rect.setAttribute("x","10") ;
     rect.setAttribute("y","10") ;
     rect.setAttribute("width","100") ;
     rect.setAttribute("height","100") ;
     rect.setAttribute("fill","yellow") ;
     rect.setAttribute("stroke","black") ;
     rect.setAttribute("stroke-width","1") ;
    
     var plan = document.getElementById("plan") ;
     plan.appendChild(rect) ;
   }