impossible d'afficher 2 divs lorsqu'une contient une iframe [Résolu]

identifiant_bidon · 04/05/2011, 22h13

Bonjour,

Voici mon problème. Ma page contient 2 liens. Lorsque je clique sur chaque lien, j'ai un div qui apparait. A l'intérieur de chaque div, j'ai un lien pour le faire disparaitre. Jusqu'ici, aucun souci. Mon problème arrive lorsque, dans l'un de mes div, j'ai une iframe. Le clic sur le lien faisant apparaitre le div à l'iframe fonctionne bien mais plus l'autre.

Voici un exemple :

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
21
22
23
<html><head></head>
<body>
 
<br/><br/><br/><br/>
<a onClick="window.document.getElementById('div_mes_messages').style.display='block';" href="#">lien1</a>
<br/><br/><br/><br/>
<a onClick="window.document.getElementById('div_mes_contacts').style.display='block';" href="#">lien2</a>
 
 
<div id="div_mes_messages" name="div_mes_messages" style="position:absolute; left:25%; width:50%; height:100%; top:0px; background-color:#00CC33; display:none; z-index:10001">
&nbsp;
<a onClick="window.document.getElementById('div_mes_messages').style.display='none';" href="#">clic</a>
<iframe src="http://www.google.fr" width="300px" hieght="300px"/>
</div>
 
 
<div id="div_mes_contacts" name="div_mes_contacts" style="position:absolute; left:25%; width:50%; height:100%; top:0px; background-color:#3366FF; display:none; z-index:10001">
&nbsp;
<a onClick="window.document.getElementById('div_mes_contacts').style.display='none';" href="#">clic</a>
</div>
 
</body>
</html>

Merci à qui pourra m'indiquer, comment régler mon problème et faire en sorte que je puisse mettre une iframe dans chaque div si possible.

betadev · 04/05/2011, 22h41

Salut ,

la balise iframe doit être fermée pour que ça fonctionne , donc le code sera :

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
21
22
23
<html><head></head>
<body>
 
<br/><br/><br/><br/>
<a onClick="window.document.getElementById('div_mes_messages').style.display='block';" href="#">lien1</a>
<br/><br/><br/><br/>
<a onClick="window.document.getElementById('div_mes_contacts').style.display='block';" href="#">lien2</a>
 
 
<div id="div_mes_messages" name="div_mes_messages" style="position:absolute; left:25%; width:50%; height:100%; top:0px; background-color:#00CC33; display:none; z-index:10001">
&nbsp;
<a onClick="window.document.getElementById('div_mes_messages').style.display='none';" href="#">clic</a>
<iframe src="http://www.google.fr" width="300px" hieght="300px"></iframe>
</div>
 
 
<div id="div_mes_contacts" name="div_mes_contacts" style="position:absolute; left:25%; width:50%; height:100%; top:0px; background-color:#3366FF; display:none; z-index:10001">
&nbsp;
<a onClick="window.document.getElementById('div_mes_contacts').style.display='none';" href="#">clic</a>
</div>
 
</body>
</html>

identifiant_bidon · 05/05/2011, 06h45

Merci beaucoup betadev !!! J'avais pas vérifié mais il me semblait que la balise iframe se comportait comme la balise img : < .../>.

Voila le genre de truc idiot qui peut faire perdre un temps monstre !!
Merci

A+

05/05/2011, 06h45	#3
identifiant_bidon Membre habitué Inscription : juillet 2006 Messages : 664 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 664 Points : 132 Points : 132	Merci beaucoup betadev !!! J'avais pas vérifié mais il me semblait que la balise iframe se comportait comme la balise img : < .../>. Voila le genre de truc idiot qui peut faire perdre un temps monstre !! Merci A+ __________________ Le seul, le vrai Facebook killer https://www.weetool.com
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email