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> |
