Hello tous ;)

Après moult recherches sur le web, n'ayant point trouvé mon bonheur, je me suis mis à programmer ^^
El fait, je cherche à construire à partir de codes Json l'équivalent en Element (afin de m'éviter toute cette tache laborieuse des document.createElement ^^)
Et par soucis de propreté de mon code j'ai decidé de l'implémenter directement dans le Element.prototype

Et là, j'ai un gros soucis ... tout marche, sauf quand je veux passer à l'element enfant (à savoir create.appendChildJsonElements(json[i]);) ou je me retrouve avec une boucle infinie (ici label (ok)/description (ok)/description (plus ok)/description/.../description/...)

Quelqu'un à une idée ??

La fonction :

Element.prototype.appendChildJsonElements = function (json)
{
  if( json == 'undefined' ) {
          throw 'Error !';
  }
  else if( json.constructor == String ) {
      // element.appendChildJsonElements('TextNode');
      this.appendChild(document.createTextNode(json));
  }
        else {
          if( json[0].constructor != String ) {
                  throw 'The first argument must be a String (name of the Element)';
          }
                //alert('# createElement("' + json[0] + '");');
                // The first argument :
                // ['ELEMENT' \[, Args\]]
                create = document.createElement(json[0]);
               
          for ( i = 1 ; i < json.length ; i++ ) {
                        if( json[i] instanceof String )
                        {
                             // Text : String format
                                // ['element', 'texte']
                                create.appendChild(document.createTextNode(json[i]));
                        }
                        else if( json[i] instanceof Array )
                        {
                                // New Element [Element \[, Args\]]
                                // ['element', ['otherelement']]
                                alert('### createnewelement ' + json[i]);
                                //create.appendChildJsonElements(json[i]);
                                create.appendChildJsonElements(json[i]);
                        }
                        else if( json[i] instanceof Object )
                        {
                             // Arguments {'name' : 'value'}
                                // ['element', {'name' : 'value', 'name2' : 'value2'}]
                                for( val in json[i] )
                                {
                                        create.setAttribute(val, json[i][val]);
                                }
                        }
                }
                this.appendChild(create);
        }
}

r = [
  'description',
        {'label' : 'text label', 'style' : 'color: red'},
        'Text normal',
        [
          'label',
                {'value' : 'text value', 'style' : 'color: green'},
        ],
        [
          'description',
                {'label' : 'text label', 'style' : 'color: pink'},
        ],
];
$('echo').appendChildJsonElements(r);

^^ Je travaille en XUL (XulRunner)

---

Si ma reponse te convient, merci de l'accepter ! 

Bonjour,
remarque/question certainement très bête car je ne connais rien à l'interaction json xul mais :

1. Quelle erreur est renvoyée ?
2. Comme sait-on que l'on est dans le bons domaine de nom ?

Je suis preneur d'infos sur json et xul car c'est en recherchant ce genre d'info que je suis tombé sur ce post (mais je développe en remote xul)

--
Cordialement,
Christophe Charron

Hello,

- Justement, aucune erreur :s C'est juste le code qui tourne en boucle
D'ailleurs, cela ne le fait pas si il y a seulement 1 sous-element :S

- "Le domande de nom" ? Je n'utilise pas de domaine de nom ... Tu veux dire l'element parent auquel on ajoute l'élement crée ? (on extend element grace à element.prototype / le this. permet de le récupérer)

Euh, être en Xul ne change rien, c'est du bon vieux Javascript ^^ (pour ceux qui hésiteraient à répondre )

---

Si ma reponse te convient, merci de l'accepter ! 

Pour des objets html, en effet, pas besoin de d'utiliser le domaine de nom, mais pour des objets xul, il faut lui indiquer, sinon comment veux-tu qu'il lui attribue les bons attributs/propriétés/méthodes inhérent à xul
Donc pour ajouter un treeitem, par exemple, qui n'existe pas encore en html, il faut   
var treeItem = document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul","treeitem");

idem pour insérer des éléments SVG par exemple ...

Et tu devrais essayer de poser ta question dans le forum de xulfr : [ Lien ]

Re,

Euh ... non, pas besoin. Mon script fonctionne et pas besoin de spécifier les domaines de nom (j'ai bel est bien un rendu correcte (1er niveau)) ^^ (le domaine de nom étant spécifié dans le window)
Apparemment ce serait un problème javascript puisque ma fonction ne fait que traduire des données JS

---

Si ma reponse te convient, merci de l'accepter !