Comment rafraichir une iFrame a partir d'une autre iFrame ?

**ipfixe192** · 17/07/2007, 11h37

Comme le titre l'indique, je cherche un bout de code qui me permette de rafraichir une iFRAME, a partir d'une autre iFRAME.
En l'occurence, une de mes iFrame contient la liste de mes article et la seconde le panier (site marchand), lorsque j'ajoute un produit, je veux rafraichir l'iFRAME qui contient mon panier.

Apres de multiple recherche, j'ai tenté
document.frames["I2"].location.reload(true)
I2 etant l'iFRAME que je veux rafraichir, mais sans succés !

Si quelqu'un a une idée ou une piste ... je suis preneur.

**SpaceFrog** · 18/07/2007, 21h48

Code :

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

parent.frames['nomiframe']

**ipfixe192** · 19/07/2007, 14h56

Le probleme est que si j'utilise la propriete onClick de mon iframe1 pour executer le code, c'est la frame en cours (soit l'iFrame1) qui est rafraichie par le contenu de mon iFrame2, et non l'iFrame2.
Suis je clair ?

**Madfrix** · 19/07/2007, 16h32

As-tu essayé avec target="iframe_cible" ?

**ipfixe192** · 19/07/2007, 16h43

Envoyé par Madfrix

As-tu essayé avec target="iframe_cible" ?

Excuse moi, mais je ne vois pas ou utilisé target="iframe_cible" dans ma commande Javascript ? Peux tu preciser le fond de ta pensée ?

**Madfrix** · 19/07/2007, 16h54

Excuse-moi j'avais mal compris le fond de ton problème.
Mais si tu veux reload ta frame à partir d'une autre, pourquoi ne pas directement rappeler l'URL ?

Code :

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

1
2
 
parent.frames["I2"].location.href = "ton_URL";

Sinon pour reload directement :

Code :

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

1
2
 
parent.frames["I2"].location.reload();

Cela devrait marcher, non ?

**ipfixe192** · 19/07/2007, 17h08

j'obtiens une erreur document.frames has no properties quand j'utilse :
document.frames["I3"].location.reload(); (I3 etant le nom de mon iframe que je veux rafraichir)
d'ou vient ma boulette ???

**Madfrix** · 19/07/2007, 17h09

Excuse moi à nouveau

J'ai corrigé mon erreur ce n'est pas document mais parent qu'il faut mettre

**ipfixe192** · 19/07/2007, 17h12

j'avais corrigé, par contre c'est ma iFrame appelante qui est rafraichie !!!

**Madfrix** · 19/07/2007, 17h15

Es-tu sûr de tes ids de iframes ? (ce code est bon je l'ai expérimenté)

**ipfixe192** · 19/07/2007, 17h28

Je vais reverifier tous mes sources ... en attendant je te remercie.

Je reprend le job plus tard ...

**pradator** · 19/07/2007, 17h28

Salut, je débute en javascript mais je voit à peut près ce que tu veut faire,
et je pense que ce serait carrément mieu avec des calques (<div>) que les iframe vraiment très oldschool.

Je croit que j'avait choppé un script simpa pour frair ça à cette adresse :

http://www.dhtmlgoodies.com/index.ht...ynamic-content

Je pense que ça colle avec ce que tu veut faire.. corrige moi si je me trompe.

++

**ipfixe192** · 19/07/2007, 22h07

Je reviens a l'attaque, apres avoir verifier mes ID, tous semble OK, pourtant c'est bien ma premier iFrame qui recoit le rafraichissement.
Je vais reprendre mes explication, car je me suis peut etre mal exprimé. Sur une page j'ai deux iFrame I2(les produits) et I3(le panier), lorsque j'ajoute un produit dans mon panier, un script sur l'evenement onclick de I2 est censé me rafraichir I3(le panier). Actuellement en utilisant parent.... c'est I2 qui est rafraichit, et ce avec le panier !!! Bref j'en perd mon latin.

**Madfrix** · 19/07/2007, 23h49

Salut, je viens de bricoler un script qui marche et qui fait ce que tu veux faire (enfin je l'espère !!!).

La page principale est test.html. Elle comprend deux iframes I2 et I3 dans lesquelles sont chargées respectivement les pages IF2.html et IF3.html :

Page test.html :

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
 
<html>
 
<head>
 
<style>
 
#iframe1{position:absolute; border:solid black 1 px; top:100px; left:100px; width:300px; height:300px;}
#iframe2{position:absolute; border:solid black 1 px; top:100px; left:500px; width:300px; height:300px;}
 
</style>
 
</head>
 
<body>
 
 
<div id="iframe1">
	<iframe name=I2 width=100% height=100% src="./IF2.html">
	</iframe>
</div>
 
 
 
<div id="iframe2">
	<iframe name=I3 width=100% height=100% src="./IF3.html">
	</iframe>
</div>
 
 
 
</body>
 
</html>

Page IF2.html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
 
<body>
 
 
<input type="button" onclick="parent.frames['I3'].location.reload();" value="Rafraîchir I3">
 
 
</body>
 
 
</html>

Page IF3.html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
 
<body>
 
 
contenu de IF3 qui sera rechargé
 
 
</body>
 
</html>

En cliquant sur le bouton "rafraîchir I3", ton iframe I3 sera rechargée. Inspire toi de ce script pour corriger tes erreurs.

J'espère que cela t'as aidé

**ipfixe192** · 20/07/2007, 14h24

Envoyé par Madfrix

Salut, je viens de bricoler un script qui marche et qui fait ce que tu veux faire (enfin je l'espère !!!).

La page principale est test.html. Elle comprend deux iframes I2 et I3 dans lesquelles sont chargées respectivement les pages IF2.html et IF3.html :

Page test.html :

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
 
<html>
 
<head>
 
<style>
 
#iframe1{position:absolute; border:solid black 1 px; top:100px; left:100px; width:300px; height:300px;}
#iframe2{position:absolute; border:solid black 1 px; top:100px; left:500px; width:300px; height:300px;}
 
</style>
 
</head>
 
<body>
 
 
<div id="iframe1">
	<iframe name=I2 width=100% height=100% src="./IF2.html">
	</iframe>
</div>
 
 
 
<div id="iframe2">
	<iframe name=I3 width=100% height=100% src="./IF3.html">
	</iframe>
</div>
 
 
 
</body>
 
</html>

Page IF2.html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
 
<body>
 
 
<input type="button" onclick="parent.frames['I3'].location.reload();" value="Rafraîchir I3">
 
 
</body>
 
 
</html>

Page IF3.html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
 
<body>
 
 
contenu de IF3 qui sera rechargé
 
 
</body>
 
</html>

En cliquant sur le bouton "rafraîchir I3", ton iframe I3 sera rechargée. Inspire toi de ce script pour corriger tes erreurs.

J'espère que cela t'as aidé

Effectivement le code est correct, et je pense avoir trouvé d'ou vient mon bug. En effet mon iFrame I2 fait reference a une page PHP qui elle meme fait un traitement via une autre page PHP. Or j'effectue le traitement sur le onClick de cette derniere page, donc "parent" ne convient pas, il faut que je puisse faire reference a ma page initiale. Et la je seche !

**Madfrix** · 20/07/2007, 14h36

Salut, as tu essayé à tout hasard de mettre 2 parent ?

Code :

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

1
2
 
parent.parent.frames['I3'].location.reload();"

**ipfixe192** · 27/07/2007, 10h05

Merci pour toutes vos solutions, j'ai repris mon source, et je l'ai simplifié. Du coup, mes deux iFrame ont été fusionnées ...fin du probleme.

Comment rafraichir une iFrame a partir d'une autre iFrame ?

JavaScript

Discussions similaires

Partager

Partager