Problème : modification d'un paramètre sous IE

Version imprimable

17/05/2006, 19h30
insane_fr

Problème : modification d'un paramètre sous IE

Salut à tous !
Je rencontre un petit problème. J'ai développé une application utilisant plusieurs standards :
- XML pour le stockage des données
- XSL pour la mise en forme
- Javascript pour les opérations et les modifications DOM
- HTML pour la page de garde.

Les applets Javascript appellent les différentes feuilles XSL et passent (parfois) des paramètres utiles. Sous firefox, aucun problème, ça marche du tonnerre. Par contre, le passage à IE ne se fait pas sans mal... Voici les morceaux de code incriminés :

Page HTML :
<a href="javascript:void(0)" onClick="envoi(document.choi.choixprof.value, document.choi.choixnive.value, document.choi.choixsall.value, document.choi.choixcale.value)">
Lors d'un clic sur le lien, la fonction envoi est appelée, et elle passe le professeur, le niveau, la salle et la semaine chosis (il s'agit d'un emploi du temps dynamique)

Javascript :
function envoi(prof, niv, sal, jou) {
if (document.implementation && document.implementation.createDocument) {
envoiMozilla(prof, niv, sal, jou);
} else {
envoiIE(prof, niv, sal, jou);
}
}
function envoiIE(prof, niv, sal, jou) {
if ((prof==0)&&(niv==0)&&(sal==0)) {
alert('Veuillez sélectionner une entité pour la visualisation (professeur, niveau ou salle)');
} else {
if (((prof!=0)&&(niv!=0))||((prof!=0)&&(sal!=0))||((niv!=0)&&(sal!=0))||((prof!=0)&&(niv!=0)&&(sal!=0))) {
alert('Veuillez sélectionner UNE ET UNE SEULE entité pour la visualisation (professeur OU niveau OU salle)');
} else {
if (jou==0) {
alert('Veuillez sélectionner une semaine pour la visualisation');
} else {
var edtxml = new ActiveXObject("Microsoft.XMLDOM");
edtxml.async = false;
edtxml.load("edt.xml");
var edtxsl = new ActiveXObject("Microsoft.XMLDOM");
edtxsl.async = false;
edtxsl.load("edt.xsl");
edtxsl.selectSingleNode("//xsl:param[@name=\"id_jo\"]/@select").nodeValue = "'" + jou + "'";

if (prof!=0) {
edtxsl.selectSingleNode("//xsl:param[@name='id_entite']/@select").nodeValue = "'" + prof +"'";
edtxsl.selectSingleNode("//xsl:param[@name='entite']/@select").nodeValue = "'prof'";
} else {
if (niv!=0) {
edtxsl.selectSingleNode("//xsl:param[@name='id_entite']/@select").nodeValue = "'" + niv +"'";
edtxsl.selectSingleNode("//xsl:param[@name='entite']/@select").nodeValue = "'niv'";
} else {
edtxsl.selectSingleNode("//xsl:param[@name='id_entite']/@select").nodeValue = "'" + sal +"'";
edtxsl.selectSingleNode("//xsl:param[@name='entite']/@select").nodeValue = "'sal'";
}
}
var target = document.getElementById("emploitemps");
target.innerHTML = edtxml.transformNode(edtxsl);
}
}
}
}

XSL :
<?xml version='1.0'?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:param name="id_jo" select="'0'"/>
<xsl:param name="id_entite" select="0"/>
<xsl:param name="entite" select="toto"/>

<xsl:template match="/">

<div id="affedt">

<xsl:variable name="id_jo_deb" select="(($id_jo)-1)"/>
<xsl:variable name="id_jo_fin" select="(($id_jo)+7)"/>

<xsl:choose>
<xsl:when test="$entite='prof'">
...
</xsl:when>

<xsl:when test="$entite='niv'">
...
</xsl:when>

<xsl:when test="$entite='sal'">
...
</xsl:when>
</xsl:choose>
</div>
</xsl:template>
</xsl:stylesheet>

Les morceaux de code posant problème ont été mis en gras... Est-ce que quelqu'un aurait LA solution magique ???
D'avance, merci infiniment !

Adrien D.
17/05/2006, 21h41
Erwy

Oui, ne surtout pas utilise cette methode mais celle-ci
http://www.developpez.net/forums/sho...93&postcount=3

On utilise une xslt processuer pour passer des paramètre proprement

Bonsoir !
Tout d'abord merci infiniment pour la rapidité de la réponse. Vraiment sympa.

J'ai déjà du mieux, mais ça ne marche pas encore. A présent, IE me dit que ma feuille de style ne contient pas d'élément document ("The stylesheet does not contain a document element. The stylesheet may be empty, or it may not be a well-formed XLK document.").

Seulement, je ne vois pas ce qui cloche dans ma feuille de style, d'autant que firefox l'accepte parfaitement... Une idée quelconque ? Vous trouverez la feuille de style ci-dessous.

Encore merci.

Adrien D.

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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
 
<?xml version='1.0'?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 
<xsl:param name="id_jo"/>
<xsl:param name="id_entite"/>
<xsl:param name="entite"/>
 
<xsl:template match="/"> 
 
<div id="affedt">
 
<xsl:variable name="id_jo_deb" select="(($id_jo)-1)"/>
<xsl:variable name="id_jo_fin" select="(($id_jo)+7)"/>
 
<xsl:choose>
<xsl:when test="$entite='prof'">
<xsl:for-each select="emploitemps/evenement[(id_professeur=$id_entite)]">
<xsl:variable name="id_jo_trouve" select="id_jour"/>
<xsl:if test="(((number($id_jo_trouve)) &gt; (number($id_jo_deb))) and ((number($id_jo_trouve)) &lt; (number($id_jo_fin))))">
 
<script type="text/javascript"><![CDATA[
//récupération des variables xsl
var id_jo_trouve=']]><xsl:value-of select="$id_jo_trouve"/><![CDATA[';
var choixcale=']]><xsl:value-of select="$id_jo"/><![CDATA[';
 
//récupération des résultats
var heure_debut=']]><xsl:value-of select="heure_debut"/><![CDATA[';
var duree=']]><xsl:value-of select="duree"/><![CDATA[';
var niveau=']]><xsl:value-of select="niveau"/><![CDATA[';
var matiere=']]><xsl:value-of select="matiere"/><![CDATA[';
var professeur=']]><xsl:value-of select="professeur"/><![CDATA[';
var salle=']]><xsl:value-of select="salle"/><![CDATA[';
 
//définition du code jour
var idjour='na';
switch (id_jo_trouve-choixcale) {
case 0:
idjour='lu';
break;
case 1:
idjour='ma';
break;
case 2:
idjour='me';
break;
case 3:
idjour='je';
break;
case 4:
idjour='ve';
break;
case 5:
idjour='sa';
break;
case 6:
idjour='di';
break;
default:
break;
}
var elementID=idjour+heure_debut;
 
//écriture du texte et fusionnage des cellules dans le cas d'un cours durant + d'1 heure
var cel = document.getElementById(elementID);
cel.innerHTML = matiere+" ("+niveau+")<br/>"+professeur+" ("+salle+")";
cel.parentNode.align = "center";
if (duree>1) {
cel.parentNode.colSpan = duree;
for (j=duree; j>1; j--) {
heure_debut++;
var tmpID=idjour+heure_debut;
var suppnode=document.getElementById(tmpID).parentNode.parentNode.removeChild(document.getElementById(tmpID).parentNode);
}
}
 
]]></script>
</xsl:if>
</xsl:for-each>
</xsl:when>
 
<xsl:when test="$entite='niv'">
<xsl:for-each select="emploitemps/evenement[(id_niveau=$id_entite)]">
<xsl:variable name="id_jo_trouve" select="id_jour"/>
<xsl:if test="(((number($id_jo_trouve)) &gt; (number($id_jo_deb))) and ((number($id_jo_trouve)) &lt; (number($id_jo_fin))))">
<script type="text/javascript"><![CDATA[
//récupération des variables xsl
var id_jo_trouve=']]><xsl:value-of select="$id_jo_trouve"/><![CDATA[';
var choixcale=']]><xsl:value-of select="$id_jo"/><![CDATA[';
 
//récupération des résultats
var heure_debut=']]><xsl:value-of select="heure_debut"/><![CDATA[';
var duree=']]><xsl:value-of select="duree"/><![CDATA[';
var niveau=']]><xsl:value-of select="niveau"/><![CDATA[';
var matiere=']]><xsl:value-of select="matiere"/><![CDATA[';
var professeur=']]><xsl:value-of select="professeur"/><![CDATA[';
var salle=']]><xsl:value-of select="salle"/><![CDATA[';
 
//définition du code jour
var idjour='na';
switch (id_jo_trouve-choixcale) {
case 0:
idjour='lu';
break;
case 1:
idjour='ma';
break;
case 2:
idjour='me';
break;
case 3:
idjour='je';
break;
case 4:
idjour='ve';
break;
case 5:
idjour='sa';
break;
case 6:
idjour='di';
break;
default:
break;
}
var elementID=idjour+heure_debut;
 
//écriture du texte et fusionnage des cellules dans le cas d'un cours durant + d'1 heure
var cel = document.getElementById(elementID);
cel.innerHTML = matiere+" ("+niveau+")<br/>"+professeur+" ("+salle+")";
cel.parentNode.align = "center";
if (duree>1) {
cel.parentNode.colSpan = duree;
for (j=duree; j>1; j--) {
heure_debut++;
var tmpID=idjour+heure_debut;
var suppnode=document.getElementById(tmpID).parentNode.parentNode.removeChild(document.getElementById(tmpID).parentNode);
}
}
 
]]></script>
</xsl:if>
</xsl:for-each>
</xsl:when>
 
<xsl:when test="$entite='sal'">
<xsl:for-each select="emploitemps/evenement[(id_salle=$id_entite)]">
<xsl:variable name="id_jo_trouve" select="id_jour"/>
<xsl:if test="(((number($id_jo_trouve)) &gt; (number($id_jo_deb))) and ((number($id_jo_trouve)) &lt; (number($id_jo_fin))))">
<script type="text/javascript"><![CDATA[
//récupération des variables xsl
var id_jo_trouve=']]><xsl:value-of select="$id_jo_trouve"/><![CDATA[';
var choixcale=']]><xsl:value-of select="$id_jo"/><![CDATA[';
 
//récupération des résultats
var heure_debut=']]><xsl:value-of select="heure_debut"/><![CDATA[';
var duree=']]><xsl:value-of select="duree"/><![CDATA[';
var niveau=']]><xsl:value-of select="niveau"/><![CDATA[';
var matiere=']]><xsl:value-of select="matiere"/><![CDATA[';
var professeur=']]><xsl:value-of select="professeur"/><![CDATA[';
var salle=']]><xsl:value-of select="salle"/><![CDATA[';
 
//définition du code jour
var idjour='na';
switch (id_jo_trouve-choixcale) {
case 0:
idjour='lu';
break;
case 1:
idjour='ma';
break;
case 2:
idjour='me';
break;
case 3:
idjour='je';
break;
case 4:
idjour='ve';
break;
case 5:
idjour='sa';
break;
case 6:
idjour='di';
break;
default:
break;
}
var elementID=idjour+heure_debut;
 
//écriture du texte et fusionnage des cellules dans le cas d'un cours durant + d'1 heure
var cel = document.getElementById(elementID);
cel.innerHTML = matiere+" ("+niveau+")<br/>"+professeur+" ("+salle+")";
cel.parentNode.align = "center";
if (duree>1) {
cel.parentNode.colSpan = duree;
for (j=duree; j>1; j--) {
heure_debut++;
var tmpID=idjour+heure_debut;
var suppnode=document.getElementById(tmpID).parentNode.parentNode.removeChild(document.getElementById(tmpID).parentNode);
}
}
 
]]></script>
</xsl:if>
</xsl:for-each>
</xsl:when>
</xsl:choose>
</div>
</xsl:template> 
</xsl:stylesheet>

18/05/2006, 16h34
insane_fr

Bonjour à tous !

Le projet avance, cependant IE me pose toujours beaucoup de problèmes.... Tout d'abord, on vient de constater que IE n'accepte pas les commentaires dans le javascript lorsqu'il contiennent des accents (!!!!!!!). Mais bon passons...
Le problème que je rencontre pour le moment, c'est que lorsque mon javascript (script.js/envoiIE()) appelle la feuille xsl, que celle-ci lui renvoie du code HTML (contenant aussi du javascript), il semblerait que en utilisant la méthode processor.output le code soit écrit mais que le javascript contenu ne soit pas interprété par IE (j'ai été clair ou pas.......)

Donc je fais appel à votre aide pour me sortir de ce casse-tête chinois.... D'avance, merci beaucoup !

Adrien D.

P.S. : pour obtenir le code : http://durandadrien.free.fr/xmlet/
19/05/2006, 20h09
Erwy

alors si mes souvenirs sont bon (cela fait lgts que je n'ai pas mis de javascript dans mon xslt, pour eviter ce type de pb justement) le code javascript rajouté est valide.
C'est a dire que si tu as une fonction dedans appelé par un event cela devrait marché

par contre il n'est pas parse, donc si tu effectue une fonction dans cette portion de code cela ne marchera pas.
je vais refaire mes tests pour voir
19/05/2006, 20h27
Erwy

M'a gourré :oops:

En effet IE ne prend pas du tout en compte le javascipt de cette manière :aie:

Bon c'est vraiment pas elegant mais ca marche

soit le resultat de la transformation xslt
Code:

1 2 3 4 5 6 7 8 9 10 <div> c'est mon test </div> <script> testscript() { alert("Gtest") } </script>
le code qui suit la transformation:
Code:

1 2 3 4 5 divAffich.innerHTML= objProc.output; eval(divAffich.getElementsByTagName("script")(0).innerHTML) testscript()
marche

21/05/2006, 23h26
insane_fr

Bonsoir Erwi !
Merci infiniment pour la réponse. Cependant, je n'ai pas très bien compris le code que tu as mis... Désolé.... Il faut que je le place où en fait ? Et il remplace quoi ? D'avance, merci pour la réponse.
Adrien.
24/05/2006, 19h14
insane_fr

S'il te plaît Erwi, te serait-il possible de me fournir un peu plus de détails à ce sujet ?
Merci beaucoup.
Adrien.
27/05/2006, 16h49
Erwy

divAffich=documentGetElementById('l'ndroit ou je veux copier')
var xslt = new ActiveXObject("Msxml2.XSLTemplate.4.0");
var xslDoc = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.4.0");
var xslProc;
xslDoc.async = false;
xslDoc.load("test-xslt.xml");
xslt.stylesheet = xslDoc;
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");
xmlDoc.async = false;
xmlDoc.load("test.xml");
xslProc = xslt.createProcessor();
xslProc.input = xmlDoc;
.....//passage de paramètre

xslProc.transform();
/* xslProc.output contient :
<div>
c'est mon test
</div>
<script>
testscript()
{
alert("Gtest")
}
</script>*/
divAffich.innerHTML=xslProc.output;
/* divAffich.getElementsByTagName("script") (0).innerHTML contient le code javascript
testscript()
{
alert("Gtest")
}
eval est une fonction qui prend une string et la "traduit" en action javascript*/

eval(divAffich.getElementsByTagName("script")(0).innerHTML)

Va rajouter cette fonction

testscript() va enfin fonctionner