impossible d'afficher 2 divs lorsqu'une contient une iframe

**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+

impossible d'afficher 2 divs lorsqu'une contient une iframe

HTML

Discussions similaires

Partager

Partager