Lien entre frames

Bonjour à tous,

Je travaille sur un site qui est composé de 2 frames :
- une en haut : composé d'un swf qui fait office de menu
- une en bas : qui est modifiée en fonction des liens selectionnés dans le SWF du haut.

Jusqu'ici tout va bien.

Sauf que lorsque je souhaite intégrer un lien dans ma frame du bas vers une autre frame, alors celle-ci s'ouvre dans une autre fenêtre seule, et je perd le bandeau de menu swf du haut.

J'ai tenté différentes solutions en vain :
J'ai tenté des <a href= 'test.html' target="_parent">test</a>, des <a href= 'test.html' target="_self">test</a>, des parent.location.reload(true)...

Je suis novice et complétement perdu.

Si jamais l'un d'entre vous peut m'aider ?

Merci par avance de votre aide.

Ci dessous mes sources.

index.html

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
cript> 
</head> 
<body> 
<table cellpadding="0" cellspacing="0" border="0" align="center"> 
<tr> 
<td valign="top" width="766" height="700"> 
<table cellpadding="0" cellspacing="0" border="0"> 
<tr> 
<td valign="top" width="766" height="300" > 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="726" height="300">
 <param name="movie" value="flash/header.swf"> 
<param name="quality" value="high"> 
<param name="menu" value="false"> 
<!--[if !IE]> <--> 
<object data="flash/header.swf" 
width="726" height="300" type="application/x-shockwave-flash"> 
<param name="quality" value="high"> 
<param name="menu" value="false"> 
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer"> 
FAIL (the browser should render some flash content, not this). 
</object> 
<!--> <![endif]--> 
</object> </td> 
</tr> 
<tr> 
<td valign="top" width="766" height="319"> 
<table cellpadding="0" cellspacing="0" border="0" style="height:100% "> 
<tr> 
<td valign="top" width="21" style="height:100% "> 
<table cellpadding="0" cellspacing="0" border="0" style="height:100% "> 
<tr> 
<td valign="top" width="21" height="317" style="background-image:url(images/left1.gif) "></td>
 </tr> 
<tr> 
<td valign="top" width="21" style="height:100%; background-image:url(images/left2.gif) "></td>
 </tr> 
</table> 
</td> 
<td valign="top" width="724" height="319" class="content"> 
<table cellpadding="0" cellspacing="0" border="0"> 
<tr> 
<td valign="top" width="724" height="3" bgcolor="#AAAAA6"></td> 
</tr> 
<tr> 
<td valign="top" width="724" height="213" bgcolor="#8C8C8C"> 
<iframe name="cont" width="1px" height="1px" src="iframe_0.html" style="visibility:hidden" ></iframe>
 <div style="padding-left:0px; padding-top:0px;" id="main_div"></div> 
</td> 
</tr> 
</table> 
</td> 
</body> 
</html>

iframe_0.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<script language="JavaScript" type="text/JavaScript"> 
function load_content () { 
if (parent.document.getElementById('main_div')) { 
parent.document.getElementById('main_div').innerHTML=document.getElementById('inner_frame').innerHTML;
 } 
if (!parent.document.getElementById('main_div')) { 
window.location=('index.html');} 
} 
</script> 
<script type="text/javascript"> 
</head> 
<body onLoad="load_content()"> 
<div id="inner_frame"> 
 
<a href="iframe_2.html" >LIEN</a> 
 
</body> 
</html>