[JS] [Résolu] rendre une iframe invisible

rendre une iframe invisible [JS] [Résolu] - HTML/CSS - Programmation

Marsh Posté le 25-02-2004 à 13:50:22    

Bonjour,
savez-vous comment rendre invisible une iframe en cliquant sur un lien ?
 
Car j'ai ceci pour la resizer:
 
document.all[iframe].height=0;
 
Cette fonction marche mais quand je fais ceci pour la rendre invisible:
 
document.all[iframe].visibility=hidden;
 
ou
 
document.all[iframe].style.visbility=hidden;
 
ca ne fonctionne pas.
Comment puis-je faire ?
Merci


Message édité par yeffries le 25-02-2004 à 14:58:30
Reply

Marsh Posté le 25-02-2004 à 13:50:22   

Reply

Marsh Posté le 25-02-2004 à 14:05:31    

donne un id à ton iframe :
<iframe src="prout.html" id="iframeDeProut">
 
Et ensuite :
document.getElementById("iframeDeProut" ).style.visbility=hidden;
 
Ca devrait marcher...

Reply

Marsh Posté le 25-02-2004 à 14:20:34    

Merci, mais ca me fait une erreur :
'Hidden' est indéfini.
 
J'ai essayé en faisant ca :
<script>
function resize() {
document.getElementById("iframeDeProut" ).style.visbility=hidden;
}
</script>
<iframe id="iframeDeProut" src="inscription.php" frameborder="0"></iframe>
 
<a onclick="resize()">test</a>
 
Quand je remplace la ligne de la fonction par ca :
document.getElementById("iframeDeProut" ).height=0;
 
ca marche, c'est bizarre... mais bon, je prefererais que l'iframe soit reellement invisible et non reduite. si c'est possible ;)

Reply

Marsh Posté le 25-02-2004 à 14:21:51    

document.getElementById("iframeDeProut" ).style.visibility=hidden;

Reply

Marsh Posté le 25-02-2004 à 14:23:19    

Sinon tu peux essayer  
document.getElementById("iframeDeProut" ).style.display="none";

Reply

Marsh Posté le 25-02-2004 à 14:31:31    

Comment ca, je suis un blaireau ? (visbility) :-p
 
Merci beaucoup, ca fonctionne tres bien avec la ligne que tu as donné :
document.getElementById("iframeDeProut" ).style.display="none";  
Bravo et encore merci pour ton aide precieuse !!! :)

Reply

Marsh Posté le 25-02-2004 à 14:36:42    

display none c'est pas tout à fait pareil que visibility hidden je pense.
Il me semble qu'avec hidden la place de l'iframe est toujours là, alors qu'en display none c'est vraiment comme i elle n'existait pas.
 

fastclemmy a écrit :

document.getElementById("iframeDeProut" ).style.visibility=hidden;  


 
et hidden entre guillements aussi :o


Message édité par antp le 25-02-2004 à 14:37:25

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 25-02-2004 à 14:39:22    

antp a écrit :

display none c'est pas tout à fait pareil que visibility hidden je pense.
Il me semble qu'avec hidden la place de l'iframe est toujours là, alors qu'en display none c'est vraiment comme i elle n'existait pas.


 
Oui, c'est ce que je me demandais aussi... Mais là le fait qu'on agisse sur son display a posteriori m'a fait douter [:gratgrat]
 

antp a écrit :

et hidden entre guillements aussi :o


 
Of course :jap:

Reply

Marsh Posté le 25-02-2004 à 14:44:29    

Aïe, donc, si je mets "display=none" et que je veux la reafficher par un "display=true" ou un truc dans le style, ca va me faire recharger la page ?


Message édité par yeffries le 25-02-2004 à 14:45:05
Reply

Marsh Posté le 25-02-2004 à 14:45:22    

non, mais c'est display="block" (enfin, ça dépend du type de l'objet)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 25-02-2004 à 14:45:22   

Reply

Marsh Posté le 25-02-2004 à 14:58:09    

Merci beaucoup ! tout fonctionne et ca ne recharge pas la page.
Et je me suis trompé, ce n'etait pas display="true", mais display="inline" :p

Reply

Marsh Posté le 25-02-2004 à 16:07:38    

pour une iframe c'est plutôt block que inline je pense


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 25-02-2004 à 16:16:09    

ah ok, merci ! Les 2 fonctionnent mais je te fais confiance !
et pour montrer un div ? mieux vaut block aussi ?

Reply

Marsh Posté le 25-02-2004 à 16:19:25    

http://openweb.eu.org/articles/initiation_flux/
> tu comprendras mieux la notion de flux, de bloc, de inline...

Reply

Marsh Posté le 25-02-2004 à 16:22:35    

Merci beaucoup !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed