innerHTML et IE7

Version imprimable

innerHTML et IE7

Bonjour,

J'essaie de générer un Popup avec un contenu dynamique via l'instruction "document.write";
Le contenu du Popup est celui d'un DIV.
Afin de récuper le contenu du DIV, j'utilise la propriéte "innerHTML"
Ce DIV contient les définitions d'un Applet.
Sous FireFox lorsque je fais un display du innerHTML j'ai bien le contenu, cependant sous IE7 c'est n'importe quoi :(
Quelqu'un a t'il une idée de la cause et comment contourner ce problème ?
Merci

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
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript">
function openWin3() {
  myWin= open("", "displayWindow",
    "width=500,height=400,status=yes,toolbar=yes,menubar=yes");
 var eDiv = document.getElementById("grphe").innerHTML;
alert(eDiv);
 myWin.document.open();
  myWin.document.write(eDiv);
  myWin.document.close();
  }
</script>
</head>
<body>
 
<div id="button">
<input type=button value="Popup" onClick="openWin3()">
</div>
<div id="grphe">
<APPLET code="com.objectplanet.chart.ChartApplet " archive="./APPLET/chart.ext.jar" name="CPgraphe"  width="100%" height="100%">
<PARAM name="chart" value="line">
<PARAM name=data value="sample0.txt">
<param name="valueLabelsOn" value="true">
<PARAM name="valueLabelStyle" value="floating">
<PARAM name="printAsBitmap" value="true">
<PARAM name="rangeAdjusterOn" value="true">
<PARAM name="rangeAdjusterPosition" value="left">
<PARAM name="legendOn" value="true">
<PARAM name="zoomOn" value="true">
<PARAM name="background" value="white||#B2D8D8">
<PARAM name="rangeAxisLabel" value="MSU">
<PARAM name="rangeAxisLabelAngle" value="270">
<PARAM name="legendPosition" value="top">
<PARAM name="valueLinesOn" value="true">
<PARAM name="valueLinesColor" value="#E8E8E8">
<PARAM name="autoLabelSpacingOn" value="true">
<PARAM name="defaultGridLinesOn" value="false">
<PARAM name="3DModedOn" value="false">
<PARAM name="samplelabelson" value="true">
<PARAM name="sampleScrollerOn" value="true">
<param name="multiSeriesOn" value="true">
<param name="seriesCount" value="3">
<param name="legendLabels" value="DC,IMSU,R4H">
<PARAM name="stackedOn" value="false">
<PARAM name="sampleColors"  value="#0051BA,#D11600,#66CD00">
<PARAM name="sampleDecimalCount" value="0">
</APPLET>
</div>
</body>
</html>

06/11/2009, 17h50
SPACHFR

En virant la ligne balise "<APPLET>", le contenu du innerHTML récupéré est bon sous IE7... 8O.
Quelqu'un à t 'il une idée ou déja rencontré ce problème ?

Bon j'avance pas sur mon problème je comprend vraiment pas cette différence entre FF et IE7 :ouin:
Voici les résultats d'un "alert" du innerHTML que j'essai que mettre en PopUp.

Lorsque je retire la balise "<applet>", le contenu renvoyé du innerHTML et correct sous IE7. Mais faire fonctionner un applet sans la balise .......

Ce qui m"étonne c'est ce PARAM NAME="_cx" et _cy qui ne correspondent à rien dans mon applet. De plus il semble ignorer tout les autres "<PARAM .."

L'un d'entre vous a t'il dèja eu ce problème ?
Comment le contourner ?

Merci

Sous IE7

Code:

1
2
 
<APPLET height="100%" archive=./APPLET/chart.ext.jar width="100%" code="com.objectplanet.chart.ChartApplet " name=CPgraphe VIEWASTEXT><PARAM NAME="_cx" VALUE="19817"><PARAM NAME="_cy" VALUE="10530"></APPLET>

Sous FF (correct)

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
 
<applet code="com.objectplanet.chart.ChartApplet " archive="./APPLET/chart.ext.jar" name="CPgraphe" viewastext="" width="100%" height="100%">
<param name="chart" value="line">
<param name="data" value="sample0.txt">
<param name="valueLabelsOn" value="true">
<param name="valueLabelStyle" value="floating">
<param name="printAsBitmap" value="true">
<param name="rangeAdjusterOn" value="true">
<param name="rangeAdjusterPosition" value="left">
<param name="legendOn" value="true">
<param name="zoomOn" value="true">
<param name="background" value="white||#B2D8D8">
<param name="rangeAxisLabel" value="MSU">
<param name="rangeAxisLabelAngle" value="270">
<param name="legendPosition" value="top">
<param name="valueLinesOn" value="true">
<param name="valueLinesColor" value="#E8E8E8">
<param name="autoLabelSpacingOn" value="true">
<param name="defaultGridLinesOn" value="false">
<param name="3DModedOn" value="false">
<param name="samplelabelson" value="true">
<param name="sampleScrollerOn" value="true">
<param name="multiSeriesOn" value="true">
<param name="seriesCount" value="3">
<param name="legendLabels" value="DC,IM,R4">
<param name="stackedOn" value="false">
<param name="sampleColors" value="#0051BA,#D11600,#66CD00">
<param name="sampleDecimalCount" value="0">
</applet>

09/11/2009, 17h29
SPACHFR

N'ayant pas trouvé de solution, je regénére le code voulu via une requete Ajax
dans une nouvelle fenêtre.
Cette solution fonctionne sous IE et FF