Passage de variables entre iFrames

Version imprimable

16/08/2007, 03h20
d4rkv4n

Passage de variables entre iFrames

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.
http://d4rk.tutoriels.free.fr/exemple.jpg

J'attends beaucoup de votre aide.
A bientôt je l'espère :)
16/08/2007, 08h55
SpaceFrog

Code:

parent.nomframe.nomvariable=valeurvariable
16/08/2007, 19h40
Auteur

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
16/08/2007, 23h09
d4rkv4n

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 ^^
http://d4rk.tutoriels.free.fr/exemple1.jpg
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
http://d4rk.tutoriels.free.fr/exemple2.jpg

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 :roll:
16/08/2007, 23h27
d4rkv4n
Je viens d'essayer ça, sur ma première frame :

Code:

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

Voici la fonction truc() :
Code:

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:

<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 :P
Par contre avec Mozilla Firefox, avec un outil téléchargé, je trouve :

Citation:

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 :mrgreen:
Merci quand même à vous, je vais me documenter pour avoir de plus amples informations, et je vous contacterais. ;)

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:

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:

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:

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>

19/08/2007, 04h49
d4rkv4n

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