comment utiliser innerHmtl ?

Version imprimable

Bonjour,
je suis entrain de developper une application en JSp/JS.
J'ai besoin de mettre a jour une image SVG dans mon code HTML après modification.Pour cela j'utiliser InnerHTML !
voila mon code JS :
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 var processor; var xslt; var xmlDoc; var urlroot="<%=request.getContextPath()%>"; function tri(field,order) { alert("entree tri"); processor.setParameter(null,"field", field); processor.setParameter(null,"order", order); var resultat=processor.transformToFragment(xmlDoc,document); alert("on va changer l'image"); document.getElementById("image").innerHTML=resultat; alert("c fait"); } function tri_init(url,field,order) { alert("entree tri_init"); xslt= document.implementation.createDocument("", "", null); xslt.async=false; xslt.load(urlroot+"/src/XSLT/by-zoom.xsl"); alert("xslt loaded"); processor =new XSLTProcessor(); processor.importStylesheet(xslt); alert("xslt loaded in processor"); xmlDoc= document.implementation.createDocument("", "", null); xmlDoc.async=false; xmlDoc.load(urlroot+url); alert("xml loaded"); tri(field,order); }
dans ma page JSP :

Code:

<iframe id="image" src="<%=request.getContextPath()%>/jsp/images/exemple.svg" height="800" width="99%" frameborder="0">

Le probleme c'est que mon image n'est pas mise à jour !
Quelqu'un a -t-il une idée de ce que ça pourrait être?

22/05/2007, 14h38
E.Bzz

Bonjour,
tu ne peux pas juste modifier le src de ton iframe ?

A+
22/05/2007, 14h50
SpaceFrog

oui plutot une page html ou php contentant un pbject ou truc emmbedded ...
non ?
22/05/2007, 14h54
chaminette
en fait, il s'agit d'un etrnasformation XSLT, donc le SRC ne change pas ! c'est le meme mais l'image elle par contre change !!

j'ai trouvé sur le net un autre truc:
Code:

1 2 document.getElementsByTagName("iframe")[0].contentDocument.body.innerHTML=resultat;
Et là c'est pareil , il trouve bien mon 'iframe' par contre il ne fait paz de modif...
Je commence a me demander si le innerHTML marche avec ls images, ou si on peut faire innerHTML=resultat !!
22/05/2007, 15h05
E.Bzz

J'utilise pas le format SVG, mais bien possible que ça vienne de là : l'url reste la même mais l'image devrait changer. Or l'image est chargée une seule fois dans la page : telle qu'elle est à ce moment là !
Tu as essayé de rappeler le même src ?
(gros doute, car visiblement les modif sont dynamiques, mais bon ...)

A+
22/05/2007, 15h19
SpaceFrog

pas un souci de cache ?

Alors, j'ai essayé de changer carrement l'image voila le code :
Code:

1 2 3 4 5 var resultat2="<iframe id=\"image\" src=\"<%=request.getContextPath()%>/jsp/images/edit.jpg\" height=\"800\" width=\"99%\" frameborder=\"0\">"; alert("on va changer l'image"); document.getElementById("image").innerHTML=resultat2; alert("c fait");
Ma page ne bouge pas !!!!
Je ne sais pas si vous voyez des erreurs quelque part , je suis débutante en javascript ...je ne sais pas trop si c'est la bonne manière de faire

22/05/2007, 15h24
SpaceFrog

en même temps innerHTML sur un iframe...

essaye de colle about:blank en src du frame puis

Code:

monframe.document.body.innerHTML = resultat

Echec ...
voila le code que j'ai mis, je sais pas si c'est qeu tu m'as conseillé :
Code:

1 2 3 4 5 var resultat2="<iframe id=\"image\" src=\"<%=request.getContextPath()%>/jsp/images/edit.jpg\" height=\"800\" width=\"99%\" frameborder=\"0\">"; alert("on va changer l'image"); image.document.body.innerHTML = ""; image.document.body.innerHTML = resultat2;
rien ne bouge !C'est vraiment bizzare

Citation:

Envoyé par SpaceFrog

pas un souci de cache ?

j'ai vidé mon cache !
toujours pas de resultat !!!

22/05/2007, 15h48
SpaceFrog

Code:

document.getElementByid('image')

serait déja mieux

sinon avec un name
document.parent....

Citation:
Envoyé par chaminette
Echec ...
voila le code que j'ai mis, je sais pas si c'est qeu tu m'as conseillé :
Code:

1 2 3 4 5 var resultat2="<iframe id=\"image\" src=\"<%=request.getContextPath()%>/jsp/images/edit.jpg\" height=\"800\" width=\"99%\" frameborder=\"0\">"; alert("on va changer l'image"); image.document.body.innerHTML = ""; image.document.body.innerHTML = resultat2;
rien ne bouge !C'est vraiment bizzare
Code:

document.getElementById('image').document.body.innerHTML = resultat2;

22/05/2007, 16h10
chaminette

Dites en fait,
si je veux changer carrement l'image il ne faudra pas spécifier que je change uniquement le SRC ??
par exemple mettre :
document.getElementById('image').src.innerHTML="/jspo/images/edit.jpg"??
sinon je ne trouve toujours pas de solution à mon problème :cry:
22/05/2007, 16h14
SpaceFrog

tu essaye de changer depuis la mère ou depuis la page dasn l'iframe ?
22/05/2007, 16h27
chaminette

mon script est dans la meme page contenant l'iframe !
22/05/2007, 16h32
SpaceFrog

Code:

document.frames['nomduframe'].document.getElementById('id_image').src='newsrc.gif'
22/05/2007, 16h36
chaminette

A quoi correspond Id-image stp?
Moi je n'ai qu'un seul id dans ma balise qui doit correspondre a celui de ma iframe!
22/05/2007, 16h38
SpaceFrog

Code:

<img id='Id_image' ...

Re,
En fait je n'ai pas de balise <img> dans mon code !
voici la partie de ma JSP concernée

Code:

1
2
3
4
5
6
 
	<td>
            <iframe id="image" src="<%=request.getContextPath()%>/jsp/images/exemple.svg" height="800" width="99%" frameborder="0">
			... Sorry you need an SVG plugin ...
			</iframe>
        	</td>

le script est appelé quand on clique sur un bouton :

Code:

1
2
3
 
<td><html:image src="http://www.ecoles.cfwb.be/artellieranvaing/images/LOGO/loupe.gif" property="submit" alt="Supprimer" styleClass="bouton" onclick="tri_init('/jsp/images/exemple.svg','','')"/>
						</td>

23/05/2007, 09h18
SpaceFrog

alors:

Code:

document.frames['nomduframe'].location.href=newpage +"?"+new Date()

ou

Code:

document.frames['nomduframe'].src=newpage +"?"+new Date()
23/05/2007, 10h20
chaminette

Toujours pas !
Je sais plus quoi faire.... :cry:
ça ne marche toujours pas et c'est juste la ligne du innerHTML ou de la mise a jr de l'image qui ne va toujorus pas !
23/05/2007, 10h25
E.Bzz

Tu as déjà vu fonctionner qqpart ce que tu essayes de faire (la modif en live du .SVG) ?
23/05/2007, 10h59
chaminette

nan , ce qu'il y a dans le net c'est de la modif de fichier XML .
Mais deriirèe le SVG ce n'est que du XML !
c'est pour ça je me disais que ça pourrait aller !!

Bon ,
pour faire un point d'ou on en est :
Avant avec les différentes solutions , le script s'arretait juste avant la ligne de mise a jour !
Maintenant avec mon code j'arrive a passer au dela, cela dit toujours pas de modifs sur l'image :

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
 
var processor;
	var xslt;
	var xmlDoc;
	var urlroot="<%=request.getContextPath()%>";
 
	function tri(field,order)
	{
	   alert("entree tri");
		processor.setParameter(null,"zoom", 205);
		var resultat = processor.transformToFragment(xmlDoc,document);
		var resultat2="<%=request.getContextPath()%>/jsp/images/edit.jpg" ;
	   alert("on va changer l'image");
		document.getElementById("image").innerHTML=resultat;
 
	alert("c fait");
	}
 
	function tri_init(url,field,order)
	{
 
        xmlDoc = new Object  ;
        xslt = new Object ;
		xmlDoc = document.XMLDocument ;
		xslt= document.XSLDocument ;
	  alert("entree tri_init");
		xslt= document.implementation.createDocument("", "", null);
		xslt.async=false;
		xslt.load(urlroot+"/src/XSLT/by-zoom.xsl");
      alert("xslt loaded");
		processor =new XSLTProcessor();
		processor.importStylesheet(xslt);
      alert("xslt loaded in processor");
		xmlDoc= document.implementation.createDocument("", "", null);
		xmlDoc.async=false;
		xmlDoc.load(urlroot+url);
      alert("xml loaded");
		tri(field,order);
	}