comment utiliser innerHmtl ?

**chaminette** · 22/05/2007, 14h28

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** · 22/05/2007, 14h38

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

A+

**SpaceFrog** · 22/05/2007, 14h50

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

**chaminette** · 22/05/2007, 14h54

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** · 22/05/2007, 15h05

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** · 22/05/2007, 15h19

pas un souci de cache ?

**chaminette** · 22/05/2007, 15h20

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** · 22/05/2007, 15h24

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** · 22/05/2007, 15h40

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

Envoyé par SpaceFrog

pas un souci de cache ?

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

**SpaceFrog** · 22/05/2007, 15h48

Code :

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

document.getElementByid('image')

serait déja mieux

sinon avec un name
document.parent....

**E.Bzz** · 22/05/2007, 15h50

Envoyé par 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

Code :

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

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

**chaminette** · 22/05/2007, 16h10

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

**SpaceFrog** · 22/05/2007, 16h14

tu essaye de changer depuis la mère ou depuis la page dasn l'iframe ?

**chaminette** · 22/05/2007, 16h27

mon script est dans la meme page contenant l'iframe !

**SpaceFrog** · 22/05/2007, 16h32

Code :

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

document.frames['nomduframe'].document.getElementById('id_image').src='newsrc.gif'

**chaminette** · 22/05/2007, 16h36

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!

**SpaceFrog** · 22/05/2007, 16h38

Code :

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

<img id='Id_image' ...

**chaminette** · 23/05/2007, 09h14

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

Code :

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

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 :

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

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>

**SpaceFrog** · 23/05/2007, 09h18

alors:

Code :

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

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

ou

Code :

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

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

**chaminette** · 23/05/2007, 10h20

Toujours pas !
Je sais plus quoi faire....

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

comment utiliser innerHmtl ?

JavaScript

Discussions similaires

Partager

Partager