Variables et iframes

**JustNeedHelp** · 13/11/2010, 13h23

Bonjour,
Etant un débutant complet en JS, je solicite votre aide.
J'ai une page web contenant 3 iframes dans lesquelles seront appellées d'autres pages, le tout se présente de la façon suivante:
_____________________
|---- Menu principal ----|
|____________________|
|iframe1|iframe2|iframe3|
|____________________|

J'ai donc un menu principal avec des liens. Chacun des liens ouvrent un second menu dans l'iframe 1, jusque là tout va bien, pas de variables.
Là ou je bloque, le menu ouvert dans l'iframe 1 contient des liens avec des variables pour générer un menu dynamique dans l'iframe 3.

Dans l'iframe 3 j'ai trois menus qui peuvent être appellés: Jours.html - Mois.html - Semaines.html , et en fonction de la section je voudrais modifier seulement une variable dans l'url des liens de chaque menu de l'iframe 3 (<a href="variableJS-truc.html"></a>

Exemple:

iframe 1 : iframe3
| |
Section1 : Appels |
Lien 1 (Jours) => Menu Jours.html => <a href="Apl-Lundi.html">Lundi
Lien 2 (mois) => Menu Mois.html => <a href="Apl-Janvier.html">Janvier
Lien 3 (Semaines) => Menu Semaines.html => <a href="Apl-S1.html">Semaine 1

Section1 : Appels
Lien 1 (Jours) => Menu Jours.html => <a href="cou-Lundi.html">Lundi
Lien 2 (mois) => Menu Mois.html => <a href="cou-Janvier.html">Janvier
Lien 3 (Semaines) => Menu Semaines.html => <a href="cou-S1.html">Semaine 1

Pour résumer, je n'arrive pas a transmettre une variable partant de l'iframe 1 et la récupérer sur l'iframe 3.
Si quelqu'un a une idée je suis preneur car j'ai fouillé pas mal sur le net, j'ai trouvé pleins de choses mais qui n'ont pas l'air de fonctionner :/

Je vous remercie d'avance.

**OButterlin** · 13/11/2010, 18h47

Pas sûr d'avoir compris, mais tu peux t'inspirer de ceci :

page principale

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 style="background:#e0e0e0;margin:0px;padding:0px;width:100%;height:100%;overflow:hidden">
<div style="width:100%">
Un élément quelconque
</div>
<iframe id="iframe1" src="iframe1.html" frameborder=0 marginwidth=0 marginheight=0 style="padding:0px;margin:0px;border-style:solid;border-width:1px;border-color:#f0f0f0;width:20%;height:90%"></iframe>
<iframe id="iframe2" src="iframe2.html" frameborder=0 marginwidth=0 marginheight=0 style="padding:0px;margin:0px;border-style:solid;border-width:1px;border-color:#f0f0f0;width:79%;height:90%"></iframe>
 
</body>
 
</html>

code de l'iframe1

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
 
<html>
<head>
<script>
function setURL(url)
{
    parent.document.getElementById('iframe2').src = url;
}
</script>
</head>
 
<body style="background:#f0f0f0">
Valeur par défaut de l'iframe1<br/>
<br/>
<a href="javascript:setURL('http://www.w3schools.com/jsref/');"/>menu 1</a><br/>
<a href="javascript:setURL('http://www.ibm.com/');"/>menu 2</a><br/>
 
</body>
 
</html>

code de l'iframe2

Code :

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

1
2
3
4
5
6
7
 
<html>
<body>
La page par défaut de l'iframe2
</body>
 
</html>

Variables et iframes

Développement Web en Java

Discussions similaires

Partager

Partager