faire apparaître et disparaître un iframe

Sujet publié le 04/12/2002 par no_id et classé dans javascript

bonjour,

je souhaiterais pouvoir faire apparaître et disparaître un iframe, un lien servira à le faire apparaître, un autre lien à le faire disparaître...

1. est-ce possible?
2. comment faire?

merci

par no_id, 04/12/2002 à 00h02
/yann

répondre

je voudrais avoir plusieurs liens qui tous fassent aparaître l'iframe, mais avec un contenu différent...

est-ce possible???

merci

par no_id, 04/12/2002 à 00h06
/yann

si tu as créé ton iframe :
<iframe id="iframe" name="iframe" .....

pour la faire disparaitre :
document.getElementById("iframe").style.visibility="hidden".

pour la faire apparaitre :
document.getElementById("iframe").style.visibility="visible".

pour la charger avec une autre page
document.getElementById("iframe").href="newpage.html"

par pba, 04/12/2002 à 08h52
Quand tu connais la solution, ça aide à la trouver !

merci! :) va falloir que je me mette un peu + sérieusement au javascript...

par no_id, 04/12/2002 à 15h27
/yann

Bonjour à tous,

je suis novice/autodidacte dans tout ce qui est codes html etc...
Et donc je rencontre pas mal de problèmes et j'ai souvent du mal à tout assimiler...

je travaille sur mon site, dans lequel je voudrais faire apparaître une iframe de mon blog...
Je souhaite que celle ci n'apparaisse pas au départ, puis par un clic, qu'elle apparaisse, et au second clic, qu'elle disparaisse...

Voilà où j'en suis à l'heure actuelle :

<div id='basdiv'> <center>
<p class="bas" ><a href="#" onClick="document.getElementById('blog').style.display='block';return false;">●</a>
<a href="#" onClick="document.getElementById('blog').style.display='none';return false;">×</a></p></center></div>

<div id="blog" style="display:none;"><iframe src="URL-DE-MON-BLOG" frameborder=0; width="700" height="100%" scrolling="auto" style="display:block; margin-left: auto; margin-right: auto; margin-left: -350px; position:fixed; top:0px; left:50%; z-index:400; " > </iframe>

</div>

Mon soucis ici : c'est que l'iframe apparaît quand on clique sur le "●" et elle disparaît quand on clique sur le "×"
Or, je voudrais qu'elle s'afiche par le "●" et disparaisse par un second clic sur le même "●" (je veux faire disparaître le "×")

Comment faire ?

Merci d'avance !

par guillaumeb, 20/11/2011 à 21h13

auto réponse :

<style type="text/css">

#open {
position:fixed;
bottom: 35px;
width: 60px;
left: 50%;
z-index: 400;
margin-left: -30px;;
text-align: center;}
#close {
position:fixed;
bottom: 35px;
width: 60px;
left: 50%;
z-index: 300;
margin-left: -30px;;
text-align: center;}

</style>

puis :

<div id="open" onClick="document.getElementById('open').style.zIndex='300'"><center>
<p class="bas" ><a href="#" onClick="document.getElementById('blog').style.display='block';return false;">●</a></p></center></div>
<div id="close" onClick="document.getElementById('open').style.zIndex='400'"><center>
<p class="bas" ><a href="#" onClick="document.getElementById('blog').style.display='none';return false;">●</a></p></center></div>

<div id="blog" style="display:none;"><iframe src="URL-DE-MON-BLOG" frameborder=0; width="700" height="100%" scrolling="auto" style="display:block; margin-left: auto; margin-right: auto; margin-left: -350px; position:fixed; top:0px; left:50%; z-index:200; " > </iframe>
</div>

par guillaumeb, 21/11/2011 à 19h10

répondre