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