j'essai de faire marcher ce bout de code (Xforms intégré dans du XHTML utilisant des fonction javascript pour manipulet le nodes du document):

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?xml version="1.0" encoding="UTF-8"?>
<xhtml:html  xmlns:xhtml="http://www.w3.org/1999/xhtml"  xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:ev="http://www.w3.org/2001/xml-events">
	<xhtml:head>
		<xhtml:script id="gtre" type="text/javascript">
           function addColor()
             {
	             alert("step1")
	             var x=document.getElementById("col")
	             //var x = document.firstChild
		     alert(x)
		     var enfant=document.createElement("color")
				 alert("step3")
				 enfant.text="gris"
				 alert("step4")
				 x.appendChild(enfant)
				 alert("step5")
             }
          </xhtml:script>
		<xhtml:title>Test d'un insertion et d'une suppression</xhtml:title>
		<xforms:model id="car">
			<xforms:instance id="theinstance">
				<carColors  id="col">
					<color id="col1">jaune</color>
					<color>rouge</color>
					<color>bleu</color>
					<color>noire</color>
				</carColors>
			</xforms:instance>
			<xforms:action ev:event="xforms-delete">
				<xforms:message level="modal">Suppression</xforms:message>
			</xforms:action>
			<xforms:action ev:event="xforms-insert">
				<xforms:message level="modal">insertion</xforms:message>
			</xforms:action>
			<xforms:bind id="bind_carColors" nodeset="/carColors/color" />
		</xforms:model>
	</xhtml:head>
	<xhtml:body>
		<xforms:group>
			<xforms:label class="title">--------Events--------</xforms:label>
		</xforms:group>
		<xforms:group>
			<xforms:label>
    			four starting elements
    		</xforms:label>
		</xforms:group>
		<xforms:repeat id="repeat_002" nodeset="/carColors/color" startindex="1">
			<xforms:group>
				<xforms:output ref="." />
			</xforms:group>
		</xforms:repeat>
		<xforms:repeat id="repeat_001" nodeset="/carColors/color" startindex="1">
      	</xforms:repeat>
		<xforms:output ref="/carColors/color[index('repeat_001')]">
			<xforms:label> Current element : </xforms:label>
		</xforms:output>
		<xforms:trigger>
			<xforms:label>Delete</xforms:label>
			<xforms:action ev:event="DOMActivate">
				<xforms:delete nodeset="/carColors/color" at="index('repeat_001')" />
			</xforms:action>
		</xforms:trigger>
		<xforms:trigger>
			<xforms:label>Insert</xforms:label>
			<xforms:action ev:event="DOMActivate">
				<xforms:insert nodeset="/carColors/color" position="before" at="index('repeat_001')" />
			</xforms:action>
		</xforms:trigger>
		<xhtml:input type="button" value="Add Color" onclick="addColor();" />
	</xhtml:body>
</xhtml:html>
alert(x) me retourne null et je ne peux pas accéder aux childs (qui sont les 4 couleurs) est ce quelq'un peut m'aider

Balise code ajoutée par gimink