Discussion :

[chaminette]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

 <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?

[E.Bzz]

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

A+

[SpaceFrog]

oui plutot une page html ou php contentant un pbject ou truc emmbedded ...
non ?

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!

[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+

[SpaceFrog]

pas un souci de cache ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementByid('image')

serait déja mieux


sinon avec un name
document.parent....

[chaminette]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

essaye de colle about:blank en src du frame puis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

monframe.document.body.innerHTML = resultat

[chaminette]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

pas un souci de cache ?

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

[E.Bzz]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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