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 html : 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
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 javascript : 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
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
Partager