trier les données dans le cache ??

Version imprimable

30/05/2003, 15h07
psyco2604

trier les données dans le cache ??
Hello,

alors je m'explique, je dispose d'un fichier XML non trié. je l'affiche comme je veux, je fais des tris etc ...

ensuite je me suis dis je vais faire des groupement en utilisant un tree-view. J'ai réussi mais j'ai un souci :

pour le treeview je dois avoir mon fichier trié, donc je fais le tri ... mais si je refais la transformation, il reprend le XML d'orignie (non trié donc) :
Code:

1 2 3 4 5 var xsl2 = new ActiveXObject("Microsoft.XMLDOM") xsl2.async = false xsl2.load("TreeViewMarc.xsl") document.all.MonDiv.innerHTML=xml.transformNode(xsl2)
Comment utiliser le XML qui est dans le cache ??

@+

Si j'ai bien compris le processus de transformation comporte deux taches :

1-le tri
2-la construction du treeview

Il suffit d'alimenter 2 avec la sortie de 1. Que vient faire le cache la dedans? ou alors tu ne nous a pas tout dis!

je ferais un truc comme ca :
Code:

1 2 3 4 5 6 7 8 var xmlbase = new ActiveX(...) xmlbase.load("doc.xml") ... var xmltri = new ActiveX(...) xmltri.loadXML(xmlbase.transformNode(xsl1)) ... document.all.MonDiv.innserHTML = xmltri.transformeNode(xsl2))

30/05/2003, 16h49
psyco2604
Pour le cache, je pensais que si je faisais le tri sur mon XML, ensuite je pouvais réutiliser le résultat actuellement visible (en cache donc) et le traiter pour mon treeview.

Sinon ta solution est bonne, par contre, ma fonction de tri est dans une fonction Javascript ... comment faire pour l'appliquer lors de la transformation :
Code:

1 2 var xmltri = new ActiveX(...) xmltri.loadXML(xmlbase.transformNode(xsl1))
En plus je peux pas faire un XSL spécifique car je dois le faire pour n catégories...
02/06/2003, 10h45
grishka

Citation:

Sinon ta solution est bonne, par contre, ma fonction de tri est dans une fonction Javascript ... comment faire pour l'appliquer lors de la transformation

ah! j'avais compris que tu utilisais une feuille xsl pour effectuer le tri. Comment procèdes-tu alors?

Citation:

En plus je peux pas faire un XSL spécifique car je dois le faire pour n catégories...

essaye de passer la catégorie en paramètre de la feuille xsl

1) voila la fonction JS pour le tri:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
function tri (rubrique) 
 {
	  // Déclaration des variables
	 var XSLSort = new  Object();            
 
	 // Sélection de l'ordre xsl:sort
	 XSLSort = xsl.documentElement.selectNodes("//xsl:sort");
 
	  // Affectation de la rubrique de tri
	 if (XSLSort[0].attributes(0).text == rubrique.toString()){
	   if ( XSLSort[0].attributes(1).text == "ascending") {
	     XSLSort[0].attributes(1).text = "descending";
	   } else {
	     XSLSort[0].attributes(1).text = "ascending";
	   }
	 } else {
	   XSLSort[0].attributes(1).text = "ascending";
	 }
	 XSLSort[0].attributes(0).text = rubrique.toString();
 
	 // Réaffichage de la page
                document.all.MonDiv.innerHTML = xml.transformNode(xsl); 
}

les liens par contre sont crées dans le XSL...

2) Je ne comprends pas ca

Citation:

essaye de passer la catégorie en paramètre de la feuille xsl

as tu un exemple ??

Merci d'avance

wouaou c'est assez barbare comme méthode :) ! Une autre méthode plus propre consiste à passer en paramètre du xslt le nom de la rubrique et l'ordre.

dans le xsl :

Code:

1
2
3
4
<xsl:param name="rubrique"/>
<xsl:param name="ordre"/>
....
<xsl:sort select="$rubrique" order="$ordre"/>

dans le script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var xslt = new ActiveXObject("Msxml2.XSLTemplate.4.0");
var xslDoc = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.4.0");
var xslProc;
xslDoc.async = false;
xslDoc.load("test.xsl");
xslt.stylesheet = xslDoc;
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");
xmlDoc.async = false;
xmlDoc.load("test.xml");
xslProc = xslt.createProcessor();
xslProc.input = xmlDoc;
xslProc.addParameter("rubrique", rubrique);
xslProc.addParameter("ordre", "ascending");
xslProc.transform();
 
var xmltrie = xslProc.output

02/06/2003, 14h57
psyco2604

en effet c'est plus propre :roll:

par contre ca ne répond pas au vrai problème ...

en effet, la page se charge dans le navigateur, l'utilisateur fait des tris etc ....

par contre, je veux que lorsqu'il clique sur un lien, les données soient regroupées et affichées sous forme de tree-view.

J'ai réalisé, le treeview mais le soucis est qu'il faut que les données soient triées pour effectuer le tree-view ...

comment faire ??? car si je fais un sort dans ma fonction Js il prend pas en compte ce qui est affiché à un instant T mais le fichier initial qui lui est non trié.
02/06/2003, 17h44
grishka

encore des soucis? :) Normalement ca marche très bien : tu récupères la chaine temporaire "xmltrie" pour la transformer en treeview avec ton deuxième xsl. Le resultat est placé dans document.all.MonDiv.innerHTML . Bref innerHTML contient le résultat de deux transformations successives réalisée par ta fonction.
03/06/2003, 10h08
psyco2604

sorry mais XSLT c'est pas intuitif ... je vais essayer de faire ca dans la journée

je te tiens au courant.

@+

Je m'explique a nouveau ... le fichier est trié par nom de base ... donc là par exemple je veux afficher par service sous forlme de tree-view :

voila la fonction pour le tree-view :
Code:

1 2 3 4 5 6 7 8 9 function Tree (categorie) { tri(categorie); var xsl2 = new ActiveXObject("Microsoft.XMLDOM") xsl2.async = false xsl2.load("TreeViewMarc.xsl") document.all.MonDiv.innerHTML=xml.transformNode(xsl2) }
et là les datas ne sont pas triées :cry: et je comprends ta méthode !!

ta variable xml est déclarée ou? normalement la fonction tri doit renvoyer xmltrie :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function tri(categorie) {
 
...
 
return xslProc.output 
}
 
function tree(categorie) {
var xmltrie = tri(categorie); 
var xsl2 = new ActiveXObject("Microsoft.XMLDOM") 
xsl2.async = false 
xsl2.load("TreeViewMarc.xsl") 
document.all.MonDiv.innerHTML=xmltrie.transformNode(xsl2) 
}

alors mon objet XML est déclaré dans le fichier HTML
Code:

1 2 3 4 5 6 7 8 9 // Chargement d'une instance du parser XML (XMLDOM), var xml = new ActiveXObject("Microsoft.XMLDOM") xml.async = false xml.load("annuaire.xml") // idem pour le fichier XSL var xsl = new ActiveXObject("Microsoft.XMLDOM") xsl.async = false xsl.load("annuaire.xsl")
ca fait koi ton instruction output ??

en fait ca va recréer un XML c bien ca ?? si c'est ca alors ca me va !!

Au fait merci de tes réponses ... :D

ah ben voila d'ou vient ton problème gars : tu transformes ton doc xml non trié à chaque fois. Tes données triées partent dans la nature...

xslProc.output est la sortie du processeur xslt sous forme de chaine je crois et non sous forme d'objet xmldom, donc il faudra que tu fasses la conversion
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function tri(categorie) { ... return xslProc.output } function tree(categorie) { var xmltrie = new ActiveXObject("Microsoft.XMLDOM") xmltrie .async = false xmltrie .loadXml(tri(categorie)) var xsl2 = new ActiveXObject("Microsoft.XMLDOM") xsl2.async = false xsl2.load("TreeViewMarc.xsl") document.all.MonDiv.innerHTML=xmltrie.transformNode(xsl2) }

03/06/2003, 14h09
psyco2604

merci !!!

donc pour résumer :

1) Rajouter dans la fonction JS :

Code:

return xslProc.output

2) dans l'appel en HTML :

Code:

var xmltrie = tri(categorie)

et voila :?:

Bon j'ai bien adapté ta méthode pour le tri, mais je rencontre un probleme ...

en fait ca passe sauf que ca ne trie que en fonction de la premiere colonne ...

voici la fonction :

Code:

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
 function tri2 (rubrique)
 {
	// ==== [XSLTemplate] ====
	// 	==> Pourra être utilisé pour effectuer plusieurs fois 
	//    la même transformation sans avoir à re-charger 
	//    ou ré-interpréter la feuille de style à chaque fois.
	var xslt = new ActiveXObject("Msxml2.XSLTemplate.3.0"); 
 
	// ==== [MSXML2.FreeThreadedDOMDocument] ==== 
	//  	==> doit être utilisée car le template 
	//		est susceptible d'être appelé par plusieurs threads
	var xslDoc = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.3.0"); 
	xslDoc.async = false; 
	xslDoc.load("Annuaire.xsl"); 
 
	xslt.stylesheet = xslDoc; 
 
	var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0"); 
	xmlDoc.async = false; 
	xmlDoc.load("Annuaire.xml"); 
	var xslProc; 	
	xslProc = xslt.createProcessor(); 
	xslProc.input = xmlDoc; 
	xslProc.addParameter("rubrique", rubrique); 
                xslProc.transform(); 
	document.all.MonDiv.innerHTML = 	xslProc.output 
 
}

et mon XSL :

Code:

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
 
 
<xsl:param name="rubrique"/>
 
<html>
	<head>
		<title>Annuaire SCH</title>
	</head>
	<body>
	   <table border="0" id="Tableau1" width="100%" height="100%" align="center">
			<tr>
			<Td width="80%">
				<table align="center" style="BORDER-COLLAPSE: collapse" width="100%" height="100%" CELLSPACING="0" border="1" rules="rows">
					<tr>
			     		<th id="HeaderColumnPORTABLE" onclick="javascript:tri('NOM')" align="left">NOM</th>
			   	   <th id="HeaderColumnLOCALISATION" onclick="javascript:tri('PRENOM');" align="left">PRENOM</th>
				      <th id="HeaderColumnSERVICE" onclick="javascript:tri('SERVICE');" align="left">SERVICE</th>
			        	<th id="HeaderColumnLOCALISATION" onclick="javascript:tri('LOCALISATION');" align="left">LOCALISATION</th>
			        	<th id="HeaderColumnTELEPHONE" onclick="javascript:tri('TELEPHONE');" align="left">TELEPHONE</th>
			        	<th id="HeaderColumnPORTABLE" onclick="javascript:tri('PORTABLE');" align="left">PORTABLE</th>         
<!--						<th id="HeaderColumnFAX" onclick="javascript:tri('FAX');" align="left">FAX</th>         -->
						<th id="HeaderColumnFAX" onclick="javascript:tri2();" align="left">FAX</th>
 
						<th id="HeaderColumnDetail" align="left"></th>
					</tr>
					<xsl:apply-templates select="REPERTOIRE/PERSONNE">
<!-- SAVE					<xsl:sort select="NOM" order="ascending"/> -->
 					<xsl:sort select="NOM" order="ascending"/> 
			     </xsl:apply-templates>
			   </table>
		</Td>
		</tr>	
		</table>
	 		</body>
	</html>
</xsl:template>
 
<xsl:template match="PERSONNE">
	 <tr onMouseOver="this.bgColor='#E6E6E6';" onMouseOut="this.bgColor='#FFFFFF';">
	   <td>
	     <xsl:value-of select="NOM"/>
	   </td>
	   <td>
	     <xsl:value-of select="PRENOM"/>
	   </td>
	   <td>
	     <xsl:value-of select="SERVICE"/>
	   </td>
	   <td>
	     <xsl:value-of select="LOCALISATION"/>
	   </td>
	   <td>
	     <xsl:value-of select="TELEPHONE"/>
	   </td>
	   <td>
	     <xsl:value-of select="PORTABLE"/>
	   </td>
	   <td>
	     <xsl:value-of select="FAX"/>
	   </td>   
	<!--   <td>
	     <img src="new2.gif" />
	   </td>-->
	 </tr>
</xsl:template>
</xsl:stylesheet>

en fait la transformation passe sans planter par contre, ca ne trie pas !!!

--> est ce que ca ne viendrait pas de mon

Citation:

sort

???

04/06/2003, 16h17
psyco2604

un petit up car je galère :oops:
04/06/2003, 18h21
grishka

normal que ca tri selon le nom, essaye comme ca :

<xsl:sort select="$rubrique" order="ascending"/>
05/06/2003, 09h39
psyco2604

même comme ca ca ne fait pas en fonction de la rubrique,

je bose dessus cet apres-midi et je te tiens au courant
05/06/2003, 11h31
grishka

j'ai donné un exemple de réalisation à honeyz dans le forum si tu veux voir comment ca marche

franchement là je comprend plus trop ...

Code:

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
72
73
74
 
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:param name="rubrique"/>
 
	<xsl:template match="/">
	<html>
		<head>
			<title>Annuaire SCH</title>
		</head>
		<body>
		   <table border="0" id="Tableau1" width="100%" height="100%" align="center">
 
				<tr>
					<td>
						TEST : <xsl:value-of select="$rubrique"	/>
					</td>
				</tr>
 
				<tr>
				<Td width="80%">
					<table align="center" style="BORDER-COLLAPSE: collapse" width="100%" height="100%" CELLSPACING="0" border="1" rules="rows">
						<tr>
				     		<th id="HeaderColumnPORTABLE" onclick="javascript:tri('NOM')" align="left">NOM</th>
				   	   <th id="HeaderColumnLOCALISATION" onclick="javascript:tri('PRENOM');" align="left">PRENOM</th>
					      <th id="HeaderColumnSERVICE" onclick="javascript:tri('SERVICE');" align="left">SERVICE</th>
				        	<th id="HeaderColumnLOCALISATION" onclick="javascript:tri('LOCALISATION');" align="left">LOCALISATION</th>
				        	<th id="HeaderColumnTELEPHONE" onclick="javascript:tri('TELEPHONE');" align="left">TELEPHONE</th>
				        	<th id="HeaderColumnPORTABLE" onclick="javascript:tri('PORTABLE');" align="left">PORTABLE</th>         
	<!--						<th id="HeaderColumnFAX" onclick="javascript:tri('FAX');" align="left">FAX</th>         -->
							<th id="HeaderColumnFAX" onclick="javascript:tri2();" align="left">FAX</th>
 
							<th id="HeaderColumnDetail" align="left"></th>
						</tr>
	<!--					<xsl:apply-templates select="REPERTOIRE/PERSONNE">
	 					<xsl:sort select="$rubrique" /> 
				     </xsl:apply-templates>-->
						<xsl:for-each select="REPERTOIRE/PERSONNE">
							<xsl:sort select="$rubrique" />
							<tr onMouseOver="this.bgColor='#E6E6E6';" onMouseOut="this.bgColor='#FFFFFF';">
								<td>
								<xsl:value-of select="NOM"/>
								</td>
								<td>
								  <xsl:value-of select="PRENOM"/>
								</td>
								<td>
								  <xsl:value-of select="SERVICE"/>
								</td>
								<td>
								  <xsl:value-of select="LOCALISATION"/>
								</td>
								<td>
								  <xsl:value-of select="TELEPHONE"/>
								</td>
								<td>
								  <xsl:value-of select="PORTABLE"/>
								</td>
								<td>
								  <xsl:value-of select="FAX"/>
								</td>   
								<!--   <td>
								    <img src="new2.gif" />
								  </td>-->
							</tr>			     
						</xsl:for-each>
				   </table>
			</Td>
			</tr>	
			</table>
		 		</body>
		</html>
	</xsl:template>
</xsl:stylesheet>

là j'ai changé mon xsl ... j'utulise bien un

Citation:

xsl:For-each

et ca ne fonctionne pas !!! ca ne tri pas mes colonnes 8O

je te refile la fonction XSL au cas ou :

Code:

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
 
function tri2 (rubrique)
 {
                var xslt = new ActiveXObject("Msxml2.XSLTemplate.3.0"); 
	var xslDoc = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.3.0"); 
	xslDoc.async = false; 
	xslDoc.load("Annuaire.xsl"); 
 
	xslt.stylesheet = xslDoc; 
 
	var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0"); 
	xmlDoc.async = false; 
	xmlDoc.load("Annuaire.xml"); 
 
	var xslProc; 	
	xslProc = xslt.createProcessor(); 
	xslProc.input = xmlDoc; 
	xslProc.addParameter("rubrique", rubrique); 
	xslProc.transform(); 
 
	var xmltrie = xslProc.output 
	//return xslProc.output 
	document.write(xmltrie)
	//document.all.MonDiv.innerHTML = xslProc.output
}

05/06/2003, 11h37
psyco2604

1) au fait ca change rien que je sois en MSXML 3.0 ?????

2) peux tu m'expliquer cette ligne :

Code:

select="*[name()=$field]" order="{$order}"/>

car je pense que c'est peut etre ca ...

@pluche
05/06/2003, 11h42
grishka

j'ai trouvé le truc qui fonctionne pas dans ton xsl, faut que tu fasses ca:

<xsl:sort select="*[name()=$rubrique]">

car

<xsl:sort select="$rubrique">

n'est pas reconnu. Pourquoi? je sais pas. peut-être que $rubrique est une chaine de caractere et que cette commande nessecite une expression XPath (qui renvoie un noeud)
05/06/2003, 14h07
psyco2604

effectivement ca aide :wink:

par contre je ne comprend pas trop le

Code:

name()

sinon donc j'ai rectifié et mon prix est fait avec ta méthode, maintenant je vais essayer le tree-view 8)

see you soon
05/06/2003, 16h26
psyco2604

re,

alors voila maintenant j'ai une erreur à cette ligne quand je transforme le xmltrie en treeview ...

Code:

MonDiv.innerHTML = xmltrie.transformNode(xsl2)

je pense que

Citation:

xmltrie

n'est pas au bon format ... mais quel format faut il ???

et oui car xmltrie n'est pas un objet dom. Faut en créer un avec tes données triées
Code:

1 2 3 4 var xmltrieDoc = new ActiveXObject("Msxml2.DOMDocument.3.0"); xmltrieDoc.async = false; xmltrieDoc.loadXml(xmltrie); xmltrieDoc.transformNode(xls)

05/06/2003, 17h07
psyco2604

j'ai essayé ce que tu m'as dit mais ca passe pas, ca plante sur :

Code:

xmltrieDoc.loadXml(xmltrie)

quand je debug , xmltrie n'est pas un objet et vaut comme

Citation:

ObjetXML.text

en gros quand je debug cette variable ca me renvoit du HTML...
05/06/2003, 17h19
grishka

oups c ma faute : loadXML (la casse est importante).

Au fait t'as pas la doc de l'api MSXML qui traine sur ton ordi? :wink: j'utilises ca quand j'ai un doute.
05/06/2003, 17h25
psyco2604

nope je vais le télécharer !!
c'est un peu ca qui me fait defaut, j'ai pas de source sur laquelle je peux chercher...

sinon ca marche MERCI !!!!!

par contre, encore 1 question, "XMLTRIE" ca me renvoit bien du HTML ... ou du XML

comment le foutre dans un fichier texte pour pouvoir etre sur de son contenu ?
05/06/2003, 18h30
grishka

ton fichier xsl produit du code html...mais au formalisme xml. Donc c'est les deux à la fois!! :)

nb : si tu télécharges le sdk msxml4, il y a un fichier d'aide windows assez complet. C'est celui que j'utilise à 90% du temps (les 10% restants c'est du forum:) )
06/06/2003, 09h26
psyco2604

ok je te remercie !!!!

je vais installer MSXML4.0 mais le souci c'est que je resterai, dans mon code, en V3.

bon je reviens sur l'histoire du fichier de sortie ... est il formé en XML avec les balises que j'avais initialement ??

par exemple est ce que je me retrouve bien avec :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <REPERTOIRE> <PERSONNE> <NOM>TOTO</NOM> [b]<SERVICE>1</SERVICE>[/b] </PERSONNE> <PERSONNE> <NOM>TITI</NOM> [b]<SERVICE>1</SERVICE>[/b] </PERSONNE> <PERSONNE> <NOM>TATA</NOM> [b]<SERVICE>2</SERVICE>[/b] </PERSONNE> </REPERTOIRE>
ou avec un fichier purement HTML ..??

J'ai testé avec la propriété

Citation:

.xml

et je ne retrouve pas du tout du xml mais du html ...

donc si je comprends il faut que refasse encore 1 feuille de style ou je recrée mon xml ??

10/06/2003, 10h03
psyco2604

:!: up