Discussion :

[moeeez]

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

[guy777]

A mon avis, JS doit pas tout comprendre, si tu peux utiliser HTML tu aurais dix fois moins de probleme !!! Si tu dois tout de même utiliser XHTML, là je sais pas si JS est bien le langage qu'il faut !

[moeeez]

c'est là le pb je doit utiliser XHTML car j'ai les XFORMS à héberger dedans et j'ai besoin de JS aussi
en plus je n'est trouvé aucune documentation sur cette combinaison(XFORMS XHTML JS)

[guy777]

Je ne suis pas du tout un pro de Xforms mais il me semble que les balises HTML doivent conserver leur forme habituelle (c'est à dire sans le xform: avant comme c'est la cas pour head, body, etc...).
N'aurais tu pas interet à mettre les données (carcolors) dans un fichier XML séparé ?

[moeeez]

je vais essayer

[giminik]

Merci d'éviter de poster le même sujet dans des forums différents.

http://club.developpez.com/regles/