[mozilla] Transformation XSLT avec javascript...

Version imprimable

Salut,
J'essais de faire une transformation XSLT d'un fichier XML côté client à l'aide de javascript... Pour ce faire, je charge mes deux fichiers
Code:

1 2 this.xmlDoc = document.implementation.createDocument('', 'doc', null); this.xmlDoc.load(url);
Puis et voici le code censé faire la transformation
Code:

1 2 3 4 5 6 7 var fragment; var xsltProcessor = new XSLTProcessor(); xsltProcessor.importStylesheet(xsl); fragment = xsltProcessor.transformToFragment(xml, document); var tmp = document.getElementById(id); tmp.innerHTML = fragment;
Mais malheureusement, j'ai cette erreur

Citation:

[Exception... "Component returned failure code: 0x80600001 [nsIXSLTProcessor.importStylesheet]"

à la ligne xsltProcessor.importStylesheet(xsl);...

Pouvez-vous me dire quel est le problème :?

27/01/2006, 06h59
siddh

a quoi correspond ta variable xsl ?
27/01/2006, 14h57
Spack

xsl de même que xml corespondent à deux objets xmlDoc retourné par la fonction de chargement...
27/01/2006, 15h00
siddh

il me semble qu'il faut que ce soit du texte

Voici quelques précisions...
J'ai toujours mes deux classes xmlParser chargement et parcours de fichier xml mais dans le cas présent je n'utilise que la fonction de chargement...

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
function loadXML(url)
{
  /* chargement du fichier XML */
  try {
    // navigateur basé sur Gecko
    if (document.implementation && document.implementation.createDocument)
    {
      this.xmlDoc = document.implementation.createDocument('', 'doc', null);
      this.xmlDoc.load(url);
    // ActiveX pour Internet Explorer
    } else if (window.ActiveXObject) {
      try {
        this.xmlDoc = new ActiveXObject('Msxml2.XMLDOM');
      } catch (e) {
        this.xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
      }
      this.xmlDoc.async = false;
      this.xmlDoc.load(url);
    // à l'aide de lobjet XMLHTTPRequest
    } else if (window.XMLHttpRequest) {
      this.xmlDoc = new XMLHttpRequest();
      this.xmlDoc.overrideMimeType('text/xml'); 
      this.xmlDoc.open('GET', url, false);
      this.xmlDoc.send(null);
      if (this.xmlDoc.readyState == 4)
        this.xmlDoc = this.xmlDoc.responseXML.documentElement;
    }
  } catch (e) {
    alert(e);
    return false;
  }
  return true;
}

Et ensuite la classe xmlManager qui traite les fichiers xml dans le cas présent, je n'utilise que la fonction transform(xml, xsl, id)...

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 transform(xml, xsl, id)
{
  xml = xml.xmlDoc;
  xsl = xsl.xmlDoc;
 
  try {
    // Gecko
    if (window.XSLTProcessor)
    {
      var fragment;
      var xsltProcessor = new XSLTProcessor();
 
      xsltProcessor.importStylesheet(xsl);
      fragment = xsltProcessor.transformToFragment(xml, document);
      var tmp = document.getElementById(id);
      tmp.innerHTML = fragment;
    } else if (window.ActiveXObject) {
      var target = document.getElementById(id);
      target.innerHTML = xml.transformNode(xsl);
    }
  } catch (e) {
      return e;
  }
}

j'appelle ces fonctions après avoir contruit les objet respectifs avec:

Code:

1
2
3
xml.loadXML('./news.xml');
xsl.loadXML('./news.xml');
news.transform(xml, xsl, 'news');

Citation:

Envoyé par siddh

il me semble qu'il faut que ce soit du texte

Du texte??? Euh je ne me rapelle plus vraiment sa position dans l'objet mais il me semble que c'est xmlDoc.documentElement.textTruc... Je vais essayer...

hum non c est pas du texte, j'ai trouvé ça sur le net, essayes de l'adapter avec tes parsers :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
var xsltProcessor = new XSLTProcessor();
 
  // Load the xsl file using synchronous (third param is set to false) XMLHttpRequest
  var myXMLHTTPRequest = new XMLHttpRequest();
  myXMLHTTPRequest.open("GET", "example.xsl", false);
  myXMLHTTPRequest.send(null);
 
  var xslRef = myXMLHTTPRequest.responseXML;
 
  // Finally import the .xsl
  xsltProcessor.importStylesheet(xslRef);

27/01/2006, 15h56
Spack

J'avais essayé comme ça mais toujours la même erreur...
J'ai trouvé un bout de code pour transformer un objet xml en string

Code:

var string = (new XMLSerializer()).serializeToString(xsl);

Et la l'erreur de départ à changé...

Citation:

[Exception... "Could not convert JavaScript argument arg 0 [nsIXSLTProcessor.importStylesheet]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"
27/01/2006, 16h02
siddh

non mais faut pas de texte, ton xsl est correct ?

Il me semble que oui...

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
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:strip-space elements="*" />
  <xsl:preserve-space elements="pre" />
  <xsl:preserve-space elements="code" />
 
  <xsl:template match="article">
    <xsl:for-each select="post">
      <h2>
        <span>
          <xsl:value-of select="./categorie" />
        </span>
        <xsl:value-of select="./title" />
      </h2>
      <h6>
        <xsl:value-of select="./@author" />
      </h6>
      <div id="{./@id}">
        <xsl:apply-templates select="./content" />
      </div>
    </xsl:for-each>
  </xsl:template>
 
  <xsl:template match="content">
    <xsl:apply-templates select="text()|node()" />
  </xsl:template>
 
  <xsl:template match="text()">
    <xsl:value-of select="." />
  </xsl:template>
 
  <xsl:template match="node()">
    <xsl:copy-of select="." />
   </xsl:template> 
</xsl:stylesheet>

27/01/2006, 16h13
siddh

tu l as testé dans un truc genre xmlwriter ou xmlspy ?
27/01/2006, 16h27
Spack
Oh la la que j'ai honte :oops:
Code:

1 2 3 xml.loadXML('./news.xml'); xsl.loadXML('./news.xml'); news.transform(xml, xsl, 'news');
Si on regarde bien, on voit qu'en fait je charge deux fois le fichier news.xml ou lieu de mettre news.xsl... Tout cela pour une simple lettre... :D

L'erreur est humaine :roll:
27/01/2006, 16h42
siddh

mwé ben je vaut pas mieux que toi einh :oops:

2 pièce(s) jointe(s)

Bonjour,

J'utilise un topic déjà existant puisqu'au départ il s'agit du même sujet. S'il faut séparer, c'est pas un problème.

Je cherche donc à transformer un XML en HTML à l'aide d'un XSL sous Firefox.
Le code de l'application sur laquelle je travaille n'existait que sous IE et fonctionne bien pour IE (ActiveXObject et transformNode).

J'ai cherché des infos sur divers forums et notamment sur ce topic pour réaliser la transformation pour Firefox. Toutes les infos mènent sensiblement au même code.

Pour ma transformation Firefox, j'utilise xsltProcessor.transformToFragment (voire transformToDocument). Le problème c'est qu'au lieu de récupérer du HTML, je récupère un objet DocumentFragment avec transformToFragment et un objet XMLDocument avec transformToDocument.
Je n'ai trouvé aucun moyen d'avoir le HTML.

Voici la portion de code concernée (simplifiée, notamment sur la récupération des fichiers, mais donne le même réusltat) :

Code:

1
2
3
4
5
6
7
8
var xsltProcessor = new XSLTProcessor();
var xml = document.implementation.createDocument("","",null); 
var xsl = document.implementation.createDocument("","",null);
xml.load('http://localhost/yv.xml');
xsl.load('http://localhost/yv.xsl');
xsltProcessor.importStylesheet(xsl);			
strRet = xsltProcessor.transformToDocument(xml);
//strRet = xsltProcessor.transformToFragment(xml,document);

Ainsi que les fichiers XML et XSL en pièces jointes et ici :

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<?xml version="1.0" encoding="windows-1250"?>
<viewentries timestamp="20100331T150520,70Z" toplevelentries="23">
−
<viewentry position="1" noteid="800000BC" children="1" descendants="1" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text> </text>
</entrydata>
</viewentry>
−
<viewentry position="2" noteid="800000C0" children="4" descendants="4" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>A</text>
</entrydata>
</viewentry>
−
<viewentry position="3" noteid="800000C4" children="6" descendants="6" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>B</text>
</entrydata>
</viewentry>
−
<viewentry position="4" noteid="800000C8" children="7" descendants="7" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>C</text>
</entrydata>
</viewentry>
−
<viewentry position="5" noteid="800000CC" children="6" descendants="6" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>D</text>
</entrydata>
</viewentry>
−
<viewentry position="6" noteid="800000D0" children="3" descendants="3" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>E</text>
</entrydata>
</viewentry>
−
<viewentry position="7" noteid="800000D4" children="3" descendants="3" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>F</text>
</entrydata>
</viewentry>
−
<viewentry position="8" noteid="800000D8" children="4" descendants="4" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>G</text>
</entrydata>
</viewentry>
−
<viewentry position="9" noteid="800000DC" children="6" descendants="6" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>H</text>
</entrydata>
</viewentry>
−
<viewentry position="10" noteid="800000E0" children="2" descendants="2" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>I</text>
</entrydata>
</viewentry>
−
<viewentry position="11" noteid="800000E4" children="5" descendants="5" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>J</text>
</entrydata>
</viewentry>
−
<viewentry position="12" noteid="800000E8" children="2" descendants="2" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>L</text>
</entrydata>
</viewentry>
−
<viewentry position="13" noteid="800000EC" children="13" descendants="13" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>M</text>
</entrydata>
</viewentry>
−
<viewentry position="14" noteid="800000F0" children="2" descendants="2" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>N</text>
</entrydata>
</viewentry>
−
<viewentry position="15" noteid="800000F4" children="2" descendants="2" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>O</text>
</entrydata>
</viewentry>
−
<viewentry position="16" noteid="800000F8" children="8" descendants="8" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>P</text>
</entrydata>
</viewentry>
−
<viewentry position="17" noteid="800000FC" children="4" descendants="4" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>R</text>
</entrydata>
</viewentry>
−
<viewentry position="18" noteid="80000100" children="5" descendants="5" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>S</text>
</entrydata>
</viewentry>
−
<viewentry position="19" noteid="80000104" children="6" descendants="6" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>T</text>
</entrydata>
</viewentry>
−
<viewentry position="20" noteid="80000108" children="2" descendants="2" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>W</text>
</entrydata>
</viewentry>
−
<viewentry position="21" noteid="8000010C" children="1" descendants="1" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>Y</text>
</entrydata>
</viewentry>
−
<viewentry position="22" noteid="80000110" children="1" descendants="1" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text>(</text>
</entrydata>
</viewentry>
−
<viewentry position="23" noteid="80000114" children="2" descendants="2" siblings="23">
−
<entrydata columnnumber="0" name="$42" category="true">
<text/>
</entrydata>
</viewentry>
</viewentries>

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<?xml version="1.0" encoding="UTF-8"?>
 
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    version="1.0"
    xmlns:xalan="http://xml.apache.org/xslt">
 
 
 
<xsl:template match="viewentry[@children]">
	<div>
	<xsl:attribute name="ID">
		<xsl:value-of select="@position" />
	</xsl:attribute>
		<span style="font-weight:bold;color:#666666;cursor:hand" onclick="toggleSection(this)">+ </span>
		<span class="view-row-cat" style="cursor:hand"  onclick="toggleSection(this.previousSibling)">
			<xsl:attribute name="NextEntrySrc"><Valeur calculée>?ReadViewEntries&amp;Start=<xsl:value-of select="@position" />.1&amp;Count=<xsl:value-of select="@children" />&amp;Collapse=<xsl:value-of select="@position" />.1</xsl:attribute>
 
			<xsl:value-of select="entrydata" />
		</span>
		<div style="margin-left:15px;display:none"></div>
	</div>
</xsl:template>
 
<xsl:template match="viewentry">
	<table border="0" width="95%">
		<tr class="view-row-1">
		<xsl:if test="position() mod 2 != 0">
			<xsl:attribute name="class">view-row-2</xsl:attribute>
		</xsl:if>
 
		<td width="1%" valign="bottom"><a target="_top" style="text-decoration:none">
			<xsl:attribute name="href"><Valeur calculée><xsl:value-of select="@unid"/>?opendocument</xsl:attribute>
			<img border="0" alt="Consulter le document" src="/icons/Doclink.gif" /></a></td>
 
				<xsl:apply-templates select="entrydata" />
			</tr>
		</table>
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=1]">
<td width="20%" class="view-row-doc">
	<xsl:value-of select="text" />
</td>
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=2]">
<td width="15%" class="view-row-doc">
	<xsl:value-of select="text" />
</td>
</xsl:template>
<xsl:template match="entrydata[@columnnumber=3]">
<td width="15%" class="view-row-doc">
	<xsl:value-of select="text" />
</td>
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=4]">
<td width="20%" class="view-row-doc">
	<xsl:value-of select="text" />
</td>
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=5]">
<xsl:param name='ico' select="number"/>
 
<td width="2%">
<xsl:if test="$ico = 38">
	<xsl:element name="img">
	<xsl:attribute name="src">/icons/vwicn038.gif</xsl:attribute>
	<xsl:attribute name="alt">Mis a la corbeille</xsl:attribute>
	</xsl:element>
</xsl:if>
</td>
 
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=6]">
<xsl:param name='ico' select="number"/>
 
<td width="2%">
<xsl:if test="$ico = 5">
	<xsl:element name="img">
	<xsl:attribute name="src">/icons/vwicn005.gif</xsl:attribute>
	<xsl:attribute name="alt">Attachements</xsl:attribute>
	</xsl:element>
</xsl:if>
</td>
 
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=7]">
<td width="15%" class="view-row-doc">
	<xsl:value-of select="text" />
</td>
</xsl:template>
 
<xsl:template match="entrydata[@columnnumber=8]">
<td width="20%" class="view-row-doc">
	<xsl:value-of select="text" />
</td>
</xsl:template>
 
</xsl:stylesheet>

Note : l'application est écrite sous Lotus Notes mais le soucis semble ne pas y être lié

J'ai essayé de rajouter <xsl:output method="html"/> au fichier XSL sans succès (si ce n'est d'avoir créé le bug pour IE).

Comment réussir à récupérer le HTML correspondant à ces fichiers ?

N'hésitez pas à me demander d'autres informations si nécessaire.

Merci pour votre aide.
Yannick

Pareil, j'ai le même message d'erreur :

Code:

[Exception... "Component returned failure code: 0x80600001 [nsIXSLTProcessor.importStylesheet]" nsresult: "0x80600001 ()" location: "JS frame :: http://localhost/.../tools.js :: getXmlFormate :: line 336" data: no]

Voici ma fonction (qui fonctionne très bien avec IE:

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
function getXmlFormate(chemFicXml, chemFicXsl) { // Lie un XSL à un XML et retourne le résultat transformé
    var strRet = "ERREUR";
    try {
        if (window.ActiveXObject) { // pour IE
            var sLatestMSXML = getLatestMSXML();
            ficXml = new ActiveXObject(sLatestMSXML);
            ficXsl = new ActiveXObject(sLatestMSXML);
            ficXml.async = false;
            if (!ficXml.load(chemFicXml)) {
                return "ERREUR: Fichier \"" + chemFicXml + "\" non trouvé.";
            }
            ficXsl.async = false;
            if (!ficXsl.load(chemFicXsl)) {
                return "ERREUR: Fichier \"" + chemFicXsl + "\" non trouvé.";
            }
            strRet = ficXml.transformNode(ficXsl);
        } else if (document.implementation && document.implementation.createDocument) { // pour FF
            var xslt = document.implementation.createDocument("", "", null);
            xslt.async = false;
            if (!xslt.load(chemFicXsl)) {
                return "ERREUR: Fichier \"" + chemFicXsl + "\" non trouvé.";
            }
            var processor = new XSLTProcessor();
            processor.importStylesheet(xslt);
            var xmlDoc = document.implementation.createDocument("", "", null);
            xmlDoc.async = false;
            if (!xmlDoc.load(chemFicXml)) {
                return "ERREUR: Fichier \"" + chemFicXml + "\" non trouvé.";
            }
            var resultat = processor.transformToFragment(xmlDoc, document); // */
            strRet = resultat;
        }
    } catch (err) {
        strRet = "ERREUR: " + err + " (" + chemFicXsl+ ")";
    }
    return strRet;
}

La ligne 336 est : processor.importStylesheet(xslt);

Quelqu'un a une idée ?

Merci d'avance.

16/02/2011, 01h04
thelvin

Citation:

Envoyé par dacid

Quelqu'un a une idée ?

Le code JavaScript a l'air correct, mais 'faudrait qu'on voie le fichier XSLT...
C'est pas parce que IE l'accepte qu'il est correct, hein.