Discussion :

[kingmandrax]

Bonjour à tous!

Je vous explique en quelques mots ce que je cherche à faire :
Je suis en train de développer un éditeur de formulaires en Javascript, il faudrait par exemple que lorsque je clique dans une case d'un tableau un nouveau composant s'ajoute dans la case cliquée. Seulement le problème est que les composants que je souhaite ajouter sont préfixés par un namespace ("xf" en l'occurrence). Comment fair typiquement si je souhaite ajouter un champ texte XForms qui ressemble à la chose suivante :
<xf:input>
<xf:label>
MonLabel
</xf:label>
</xf:input>

Il y a certainement un moyen de prendre en compte des préfixes...j'ai réussi avec des composants HTML classiques mais pas comme expliqué ci-dessus. Merci beaucoup pour votre aide, j'en ai vraiment besoin pour avancer!

[Auteur]

bonjour,

j'ai trouvé cette documentation sur les XForms :

Ici http://www.ljouanneau.com/blog/2006/...-vs-ajax-1---0 on explique que l'intéret des XForms est justement la possibilté de se passer de javascript.

La syntaxe des Xforms me fait penser à du XML...

[kingmandrax]

Oui tout à fait, un avantage des XForms (qui tient sa syntaxe effectivement du XML) est de ne presque plus utiliser de Javascript. Seulement dans mon cas je dois pouvoir créer un éditeur de formulaire qui créera interactivement un formulaire XForms. L'éditeur devant être utilisable dans un navigateur, je suis donc obligé de le faire en Javascript (c'est d'ailleurs une nécessité du projet).

L'éditeur devra donc typiquement permettre de placer ses composants sur une grille et j'ai donc besoin d'ajouter dynamiquement (et donc en se servant du DOM j'imagine) des composants XForms préfixés (xf par convention) dans les cellules de la grille!

Est-ce que quelqu'un peut me venir en aide? Il y a certainement un moyen d'ajouter n'importe quoi avec le DOM tout en conservant les préfixes souhaités!!!

[kingmandrax]

Je vois que pas grand monde se presse de répondre...

Je vais un peu mieux illustrer ce que je souhaite faire.
J'ai un tableau HTML classique composé de plusieurs cellules et lorsque je clique dans l'une d'elles, j'aimerais qu'un composant s'ajoute dynamiquement à l'intérieur. J'ai d'ailleurs fait les tests avec un composant classique HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function addComponent(td) {
	var component = "<input type=\"input\" name=\"test\" />";
	var node = document.createElement("div");
	node.innerHTML = component;
	td.appendChild(node);
}

La fonction prend en paramètre le noeud correspondant au TD sur lequel l'utilisateur a cliqué. En l'état la fonction joue très bien son rôle mais dans mon cas je souhaiterais remplacer le contenu de la variable "component" par un composant XForms comme par exemple la ligne suivante : <xf:input><xf:label>Test</xf:label></xf:input>, ce qui aura pour effet d'ajouter un champ texte classique mais en utilisant un composant XForms! Si je fais le test, le DOM semble passer par dessus les balises et dans la cellule du tableau je ne trouverai que l'inscription "Test". Il y a donc certainement une manipulation pour dire au DOM d'ajouter tel quel le contenu d'un string et de prendre également en compte les préfixes, mais je ne sais pas comment!!

J'espère avoir été un peu plus clair et j'espère vraiment que quelqu'un puisse me faire un peu avancer...ça fait un jour que je coince sur ce problème!

[sekaijin]

document.createElementNS
mais à vérifier si c'est suporté par tous les navigateurs