Passage de variables entre iFrames

**d4rkv4n** · 16/08/2007, 03h20

Bonjour / bonsoir à tous.
Je suis nouveau sur ce forum, et je poste car je ne trouve pas de réponse à ma question.
Est-il possible d'envoyer des variables entre iFrames ?
Je m'explique : j'ai la page mère, à l'intérieur j'ai 2 iframes. Je veux que lorsqu'on clique sur un lien à l'intérieur d'un iframe, le lien envoie par la méthode GET jusqu'à l'autre iframe.
Vous me suivez ?
Allez un petit schéma, en espérant que vous comprendrez.

J'attends beaucoup de votre aide.
A bientôt je l'espère

**SpaceFrog** · 16/08/2007, 08h55

Code :

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

parent.nomframe.nomvariable=valeurvariable

**Auteur** · 16/08/2007, 19h40

bonjour,

cf. http://www.developpez.net/forums/sho...d.php?t=271424
mais tu dois passer par la page pour envoyer tes informations d'une iframe à l'autre :
iframe1 <-> page parent <-> iframe2

**d4rkv4n** · 16/08/2007, 23h09

Merci beaucoup, j'ai réussi à le faire !!

Maintenant je veux afficher un texte, d'une iframe à l'autre.
Je m'explique. Je veux que lorsqu'on clique sur un lien d'un iframe, un contenu s'affiche sur l'autre iframe.
J'ai réussi à le faire avec "document.write", mais, comme la définition le dit, cette fonction efface tout puis insère le texte. Donc je n'ai plus mon arrière-plan dans mon iframe !!
Encore des p'tits screens ^^

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Et je n'ai pas envie de, dans mon "document.write", insérer tout ce qu'il faut pour pouvoir mettre mon arrière-plan

**d4rkv4n** · 16/08/2007, 23h27

Je viens d'essayer ça, sur ma première frame :

Code :

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

<a href="#" onclick="truc()">Truc</a><br />

Voici la fonction truc() :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
function truc()
{
parent.frame_bas.getElementById('inserer').innerHTML = "truc";
}
</script>

Voici l'élément avec laquelle cette fonction doit intéragir qui est contenu dans "frame_bas" :

Code :

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

<div id="inserer"></div>

Donc normalement, lorsqu'on clique sur "Truc", il va insérer dans "frame_bas", dans la balise "div" le contenu "truc". Mais ça ne fonctionne pas !!
Sous IE ils me disent "Erreur sur la page", et sous Opera... rien

Par contre avec Mozilla Firefox, avec un outil téléchargé, je trouve :

parent.frame_bas.getElementById is not a function

...
J'ai déjà préparé la corde, au cas où j'y passerais toute la nuit sans trouver la solution

Merci quand même à vous, je vais me documenter pour avoir de plus amples informations, et je vous contacterais.

**Auteur** · 17/08/2007, 19h32

dans ta fenêtre parent :

N'oublie pas de préciser les paramètres id (pour FF) et name (pour IE) dans les attributs de tes frames

Code html :

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function transfertVersFrame(valeur)
{
  window.frames["frame_bas"].affiche(valeur);
}
 
//-->
</script>
 
</head>
 
<body>
<iframe id="frame_haut" name="frame_haut" src="frameHaut.htm" style="height: 150px; width: 300px">
</iframe>
 
<div><br /></div>
 
<iframe id="frame_bas" name="frame_bas" src="frameBas.htm" style="height: 150px; width: 300px">
</iframe>
 
 
</body>
 
</html>

frameHaut.htm

Code html :

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function transfertVersParent(texte)
{
  window.parent.transfertVersFrame(texte);
  return false;
}
 
//-->
</script>
 
</head>
 
<body>
 
<a href="#" onclick="return transfertVersParent('bla bla')">cliquez ici</a>
 
</body>
 
</html>

frameBas.htm

Code html :

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function affiche(data)
{
 document.getElementById("inserer").innerHTML = data;
}
//-->
</script>
 
</head>
 
<body>
 
<div id="inserer"></div>
 
</body>
 
</html>

**d4rkv4n** · 19/08/2007, 04h49

Ok merci beaucoup, j'essaierais un peu plus tard, puisque là ma mère a refait le PC, donc plus rien dessus...

Passage de variables entre iFrames

JavaScript

Discussions similaires

Partager

Partager