Discussion :

[chrislcf]

Bonjour,

J'ai vu pas mal de post à ce sujet mais je n'arrive pas à trouver d'exemples concret.

Je cherche à afficher sur ma page web une autre page web à l'aide d'un IFRAME.
Ceci fonctionne sans souci après que j'ai créé une seconde Form en dessous de la première. En effet lorsque je mettais mon IFRAME dans ma première Form ma mise en page partait dans tous les sens et mon menu disparaissait.

Mon code est le suivant:

Code :

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
<form id="Form2" method="post" width="100%">
	<div datasrc="www.google.fr">
 
	</div>
 
	<div width="100%">
 
		<table cellSpacing="0" cellPadding="0" width="100%" id="TableauIFrame">
		<tr align="center">
			<div align="center" id="iframe" height="300px" width="825px">
				<frameset rows = "100%, 100%">
 
						<iframe src="http://frlcftstrs1/Reports/Pages/Report.aspx?ItemPath=%2fRFS%2fPROD%2fTdB_Mensuels%2fTableauDeBord_RFS" name="iframeTDB" height="400px" width="400px" id="iframeTDB" scroll="auto"/>
 
				</frameset>
			</div>
		</tr>
		</table>
	</div>
	</form>

Jusqu'ici tout marche nikel.

Maintenant je voulais savoir comment jouer sur la visibilité de mon IFRAME.

Faut-il passer par du Javascript ? Comment le rendre visible / Invisible ??

Enfin dernière question : Est-il possible de faire la même chose avec un DIV ?

[alband85]

Ce qui suit fonctionne aussi bien pour les iframe que pour les div :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var boite = document.getElementById(idBoite);
boite.style.display="none";

Où idBoite est l'identifiant de l'objet que tu veux cacher.

[chrislcf]

Ok ça marche nikel tout ça !!!

et pour le réafficher je mets quoi ?

boite.style.display="???";

[alband85]

Les div sont de type block. Il me semble que c'est aussi le cas des iframe.
Du coup, pareil pour tout le monde :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

boite.style.display="block";

[Bovino]

Sinon, tu peux afficher le style par défaut avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

boite.style.display="";

Voire, permuter le display avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

boite.style.display=="none"?boite.style.display="":boite.style.display="none";

[chrislcf]

Ok merci beaucoup je vais test tout ça !