Discussion :

[krapno]

Salut,

j'aimerais écrire une fonction Javascript compatible FF/IE pour alimenter un tableau javascript avec les valeurs issues d'une source XML, et je ne sais pas trop par quoi commencer donc si une bonne âme est disponible pour m'aiguiller voici quelques détails:

1) la source 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?xml-stylesheet type="text/xsl" href="habillage.xsl"?>
<document>
	<stage>
		<modules>
			<module name="module1" id="1">
				<elements>
					<element>
						<id><![CDATA[1]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier11.gif]]></content>
					</element>
					<element>
						<id><![CDATA[2]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier12.gif]]></content>
					</element>
					<element>
						<id><![CDATA[3]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier13.gif]]></content>
					</element>
					<element>
						<id><![CDATA[4]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier14.gif]]></content>
					</element>
					<element>
						<id><![CDATA[5]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier15.gif]]></content>
					</element>
				</elements>
			</module>
			<module name="module2" id="2">
				<elements>
					<element>
						<id><![CDATA[1]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier21.gif]]></content>
					</element>
					<element>
						<id><![CDATA[2]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier22.gif]]></content>
					</element>
					<element>
						<id><![CDATA[3]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier23.gif]]></content>
					</element>
					<element>
						<id><![CDATA[4]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier24.gif]]></content>
					</element>
					<element>
						<id><![CDATA[5]]></id>
						<title><![CDATA[Titre de l'element]]></title>
						<content type="txt/htm"><![CDATA[http://www.mondomaine.fr/monfichier25.gif]]></content>
					</element>
				</elements>
			</module>
		</modules>
	</stage>
</document>

2) Les éléments de la fonction

- emplacement : habillage.xsl

- tableau en variable globale:

Code :

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

var montableau = new Array();

- fonction et paramètre :

Code :

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

1
2
AlimenterLeTableauAvec("module1");
AlimenterLeTableauAvec("module2");

où "module1" et "module2" sont les noeuds de la source xml à considérer pour chaque appel, mais aussi l'unique paramètre de la fonction!

- pour chaque "element" de "moduleN" je voudrais faire ceci:

Code :

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

montableau[<id du noeud moduleN>].push(<valeur de element/content>);

ouala ouala, personnellement je vais travailler là dessus dès demain, merci d'avance pour vos suggestions

[SpaceFrog]

ton fichier xml il est en local ou distant ?

[krapno]

Code :

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

1
2
3
4
5
<?xml-stylesheet type="text/xsl" href="habillage.xsl"?>
<document>
	<stage>
		<modules>
(...)

la source xml est "habillée" cache pistache par le "habillage.xsl"

[guy777]

Tu peux charger un document Xml avec le code suivant

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
 
var xmlDoc;
 
function loadMenu(fichierXML) { // fichierXML : chemin+nom du fichier
    // cette fonction a pour but de charger le fichier XML
    if (document.implementation && document.implementation.createDocument) { // code pour Mozilla
        xmlDoc = document.implementation.createDocument("","",null);
        xmlDoc.load(fichierXML);
        xmlDoc.onload=traiteXML();
        xmlDoc.close;
    }
    else if (window.ActiveXObject)
    {
 
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.load(fichierXML);            
        traiteXML();
     }
    else {
        alert('le script n\'est pas compatible avec votre navigateur');
    }
}
 
function traiteXML() {
        // mettre ici le code pour afficher et/ou traiter le XML
}

Voilà, j'espère que çà répond à ta question

[guy777]

Juste une précision :

Dans mon code précédent, la variable XMLDom est un objet qui se parcourt très facilement, de la meme manière que l'objet Document... getElementsByName est une fonction très appréciable pour ce genre de prog

Voili voilou

[krapno]

salut, et merci pour ta suggestion, mon problème c'est que "l'habillage" xsl qui contient la fonction javascript ne doit pas avoir à passer d'url pour charger la source xml, celle-ci est "implicite"... je sais pas si c'est clair, voilà ce que j'ai écris pour l'instant:

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
function AlimenterLeTableauAvec(NodeStart) {
 
	var xmldoc = new ActiveXObject("Microsoft.XMLDOM");
 
	xmldoc.load("/"); // Ici je ne suis pas sûr que ce soit la bonne méthode!
 
	var xmlElements = xmldoc.getElementsByTagName(NodeStart);
 
	var e;
	var id, content;
 
	for (var i=0;i<xmlElements.length;i++) {
		e = xmlElements[i];
 
		id	= e.getElementsByTagName("id")[0].firstChild.data;
		content	= e.getElementsByTagName("content")[0].firstChild.data;
 
		alert("id="+id+"\ncontent="+content);
	}
}
 
AlimenterLeTableauAvec("module1");
AlimenterLeTableauAvec("module2");