Xml xsl javascript problème d'affichage de liste

**zedzander** · 21/11/2015, 17h58

Bonjour tout le monde,

Je n'arrive pas a intégrer et afficher dans mon document html avec du javascript, mon formulaire avec la liste des mes acteurs qui sont dans le xsl. Je ne connais pas le nombre d'acteur à l'avance. J'aimerais "juste" afficher mon formulaire dans le document html.

J'epsère que j'aurais ét assez claire.

Merci d'avance pour votre aide

Bonne soirée

voici un extrait de mon document xml

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
 
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<?xml-stylesheet type="text/xsl" href="listeacteurs.xsl"?>
<cinema>
<acteurs>
		<acteur id="Acteur1">
			<nom>Firth</nom>
			<prenom>  Colin </prenom>
			<nationalites>
			<nationalite>Britannique</nationalite>
			</nationalites>
			<sexe>masculin</sexe>
			<date_de_naissance>10.09.1960</date_de_naissance>
			<ses_films>
				<filmref idref="Film1"/>
			</ses_films>
			<ses_roles>
				<roleref idref="King_1R "/>
			</ses_roles>
		</acteur>
		<acteur id="Acteur2">
			<nom> Leroy Jackson </nom>
			<prenom>Samuel</prenom>
			<nationalites>
			<nationalite>American</nationalite>
			</nationalites>
			<sexe>masculin</sexe>
			<date_de_naissance>21.12.1948</date_de_naissance>
			<ses_films>
				<filmref idref="Film1"/>
			</ses_films>
			<ses_roles>
				<roleref idref="King_2R"/>
			</ses_roles>
		</acteur>
		<acteur id="Acteur3">
			<nom> Egerton  </nom>
			<prenom>Taron</prenom>
			<nationalites>
			<nationalite>Britannique</nationalite>
			</nationalites>
			<sexe>masculin</sexe>
			<date_de_naissance>10.11.1989</date_de_naissance>
			<ses_films>
				<filmref idref="Film1"/>
			</ses_films>
			<ses_roles>
				<roleref idref="King_3R"/>
			</ses_roles>
		</acteur>

xsl

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
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
 		<html><head>
		</head>
		<body style="font-family:Verdana; font-size:12pt; color:black">	
		<div class ="conteneur">
			<xsl:apply-templates />
		</div>	
		 </body></html>
	</xsl:template>
<xsl:template match="acteurs">
	<div class="acteurs">
	<form>
		<select name="nomacteur" size="1">
			<xsl:for-each select="acteur">
				<option><xsl:value-of select="nom"/> <xsl:value-of select=" prenom"/></option>
			</xsl:for-each>
		</select>
	</form>
	</div>
	</xsl:template>
</xsl:stylesheet>

javascript

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
	<script language="javascript">
		function loadXML(filename){
			var xmlDoc;
			try
			{
				if (document.implementation && document.implementation.createDocument) {
					xmlDoc=document.implementation.createDocument('','',null);
					xmlDoc.load(filename);
				} else if (window.ActiveXObject) {
					try {
						xmlDoc=new ActiveXObject("Msxml2.XMLDOM");
					} catch(e) {
						xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
					}
					xmlDoc.async = false;
					xmlDoc.load(filename);
				} 
			} catch(e) {
					return e;
			}
			return xmlDoc;
		}
 
 
 		function transform(xmlDOM,xslDOM, idImmersion){
 			var zoneImmersion = document.getElementById(idImmersion);
 			try {
 				if (window.XSLTProcessor) {
					var fragmentXML;
					var xsltProcessor = new XSLTProcessor();
					xsltProcessor.importStylesheet(xslDOM);
					fragmentXML=xsltProcessor.transformToFragment(xmlDOM, document);
					Zonecontenu = zoneImmersion.childNodes[0];
					zoneImmersion.removeChild(Zonecontenu); 
					zoneImmersion.appendChild(fragmentXML);
				} else if (window.ActiveXObject) {
					zoneImmersion.innerHTML='';
					zoneImmersion.innerHTML = xmlDOM.transformNode(xslDOM);
				}
			} catch(e) {
				return e;
			}
		}
 
		function adaptXSL_transform(){
 
			//TESTS SUR LA DETECTION DES ELEMENTS XSL
			var monTemplate = monxsl.getElementsByTagName("xsl:template")[1];
			var monTemplateName =monTemplate.nodeName;
			var x = monxsl.getElementsByTagName("xsl:template")[1].getAttribute("match");
			alert("mon template s'appelle :"+monTemplateName+" et son template correspond à "+x);
 
			//EXTRACTION DES VARIABLES DANS LE XSL
			// RECUPERATION DES VALEURS DE MON XSL
			var mesVariables = monTemplate.getElementsByTagName("xsl:for-each");
 
		}
		// MES FICHIER XML ET XSL
		var monxml = loadXML("listeacteurs.xml");
		var monxsl = loadXML("listeacteurs.xsl");
		</script>

**thelvin** · 21/11/2015, 20h06

Hello,

Et, hum, il sert à quoi le XSLT, et tu en fais quoi du JavaScript ?

**zedzander** · 22/11/2015, 00h23

Dans un premier temps, le xslt sert à mettre en forme mes différentes données xml , et ensuite je récupères les différents formulaires, un formulaire= un fichier xslt= un include dans mon javascript, dans l'exemple, j'en ai qu'un. Ensuite je devrais avec le javascript modifier des variables d'xpath. Mais bon c'est une musique d'avenir pour le moment j'essaie juste de lire un fichier xslt et d'afficher les données avec du javascript dasn un document html. Pourquoi passer par du xlst alors que je pourrais directement lire les données du xml. La raison est simple, c'est une obligation. J'espère que j'ai pu répondre à tes questions.

**thelvin** · 22/11/2015, 16h24

Ben pas vraiment, c'est quoi un include ? Je t'ai demandé ce que tu en faisais de ce JavaScript, ça devrait pas être difficile à montrer.

Pour le reste, en tant qu'ingénieur logiciel, je ne peux pas vraiment accepter sans broncher qu'on me dise "c'est simple, c'est obligé." Mais après tout c'est ton problème. J'espère juste que tu ne fais pas d'illusion : certains navigateurs peuvent faire du XSLT et les autres non.

**tsuji** · 23/11/2015, 08h06

[0] D'abord, si vous voulez mettre un élément select dedans une forme pour but de passer la valeur séléctionnée vers le serveur, il faut mettre aussi l'attribut value dans les options pour qu'il marche pour tous les navigateurs.

Code xml :

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

1
2
3
4
5
6
7
8
		<select name="nomacteur" size="1">
			<xsl:for-each select="acteur">
				<!--
				<option><xsl:value-of select="nom"/> <xsl:value-of select=" prenom"/></option>
				-->
				<option value="{concat(nom,' ',prenom)}"><xsl:value-of select="concat(nom,' ',prenom)" /></option>
			</xsl:for-each>
		</select>

[1]

Je n'arrive pas a intégrer et afficher dans mon document html avec du javascript ...

[1.1] Bien, si vous voulez intégrer ou passer les fonctions javascript vers le côté client, il vous faut d'abord spécifier dans le xslt la méthode de output. Rajoutez ceci comme enfant immédiate de xsl:stylesheet.

Code xml :

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

<xsl:output method="html" omit-xml-declaration="yes" encoding="utf-8" />

[1.2] Et puis, isolez les fonctions (attention sans la balise script, ouverture ou fermature) dans un fichier, dit interactive.js par exemple, dans le même répertoire que le xslt.
[1.3] Puis, rajouter une réference au fichier dans le xslt.

Code xml :

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

1
2
3
		<html><head>
		<script type="text/javascript" src="interactive.js"></script>
		</head>

Dans un sens, l'intégration de javascript s'est faite.

**zedzander** · 24/11/2015, 10h43

Merci,

J'entendais pas include var monxsl = loadXML("listeacteurs.xsl");... Le javascript est pour un projet, j'ai malheureusement trop l'habitude de développer en C/C++.

Pour le moment mon javascript récupère mes 2 variables

Code :

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

var monxml = loadXML("listeacteurs.xml"); var monxsl = loadXML("listeacteurs.xsl");

les charges avec la fonction loadXML. la fonction adaptXSL_transform me permet pour le moment d'afficher quelle template mon javascript est entrain de lire puis en dessous j'aimerai récupérer les données de mon formulaire. la fonction transform doit normalement créer un nouveau noeud avec du contenu séléctionner par l'utilisateur. Je ne l'ai pas encore testée

**thelvin** · 25/11/2015, 15h03

Hello,

Si je comprends bien, pour l'instant tu as fait tout ce code, et tu n'as absolument rien vu, rien obtenu à l'aide de ce code. Pas le moindre début de résultat, pas la moindre preuve qu'il fait véritablement quelque chose, ni même ne commence à s'exécuter quelque part.

Euuh, ce n'est pas comme ça qu'on fait de l'informatique. Il faut progresser par étapes, en commençant par ne faire pratiquement rien mais le faire quand même, puis en ajoutant des fonctionnalités petit à petit en les comprenant à mesure.
Par exemple, tu dis qu'il faut absolument utiliser XSLT. Bon, ok, comme tu veux, mais tu verras ça plus tard. Pour l'instant tu dois absolument commencer par utiliser juste du XML et trouver le moyen de t'en servir dans ta page. Il sera toujours temps de rendre les choses plus compliquées après.

Trouve-toi quelques ressources sur comment utiliser du XML dans une page HTML à l'aide de JavaScript, et reviens vers nous quand tu as des questions.

Xml xsl javascript problème d'affichage de liste

XML/XSL et SOAP

Discussions similaires

Partager

Partager