Insérer une Frame avec javascript

Bonjour tout le monde,
Je souhaiterais pouvoir insérer une Frame, avec javascript, dans le corps de mon site après avoir cliqué sur un lien. Le problème avec la solution que j'ai mise en place, est que le contenu de la frame ne s'affiche pas..

Voici le code de ma page:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<body>
 
	<div id="container">
		<div id="entete"></div>
 
		<div id="menu"> 
			<br />
			<ul>
				<li><a href="#" onclick='galerie()'>Galerie</a></li>
				<li><a href="#" id="page" ...>Accueil</a></li>
			</ul>
		</div>
 
		<div id="corps">
			<div id="titre">...</div>
			<div id="contenu">...</div>
			<div id="extraits">...</div>
			<div id="frames"></div>
		</div>
	</div>
</body>

Et le javascript:

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
 
function galerie() {
	var extraits = document.getElementById("extraits");
	while(extraits.firstChild) { 
		extraits.removeChild(extraits.firstChild); 
	} 
	var contenu = document.getElementById("contenu");
	while(contenu.firstChild) { 
		contenu.removeChild(contenu.firstChild); 
	} 
	var titre = document.getElementById("titre");
	while(titre.firstChild) { 
		titre.removeChild(titre.firstChild); 
	} 
	extraits.style.visibility="hidden";
	var div = document.getElementById("frames");
	var frame = document.createElement("frame");
	frame.setAttribute("id","myframe");
	frame.setAttribute("src","...");
	frame.setAttribute("style","overflow:visible; width:100%; display:none");
	frame.setAttribute("scrolling","no");
	frame.setAttribute("marginwidth","0");
	frame.setAttribute("marginheight","0");
	frame.setAttribute("frameborder","0");
	frame.setAttribute("vspace","0");
	frame.setAttribute("hspace","0");
	div.appendChild(frame);
}

PS: Dans la partie inférieur du navigateur, je vois que la source de la frame est recherché.

Merci d'avance
Camell