Je créé un site en php où j'ai besoin de plusieurs iframe. Seulement 2 sont en conflit : n’apparaît que la 1ère déclarée. Pouvez-vous m'aider ?
Le site est ici http://radiokatpat.ra.funpic.org/
il devrai s'afficher également une iframe sous le bouton contact
voici le code :
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<img src = "images/acceuil.png">
<a href = "mailto:[email protected]" id = "bou">.</a>
<script type="text/javascript" src="jquery.js"></script>
</head>
<center>
<STYLE type="text/css">
bouton li par a {background: url(images/noir-2.png) repeat-x;}
bouton li par a:hover {background: url(images/noir-2.png) repeat-x;}
</STYLE>
<script type="text/javascript">
$(document).ready(
function()
{$('#menu1').live('mouseenter',
function(ev)
{
$('.bouton1').css('display', 'block');
});$('#menu1').live('mouseleave', function(ev)
{$('.bouton1').css('display', 'none');});});
$(document).ready(
function()
{$('#menu2').live('mouseenter',
function(ev)
{
$('.bouton2').css('display', 'block');
});$('#menu2').live('mouseleave', function(ev)
{$('.bouton2').css('display', 'none');});});
$(document).ready(
function()
{$('#menu3').live('mouseenter',
function(ev)
{
$('.bouton3').css('display', 'block');
});$('#menu3').live('mouseleave', function(ev)
{$('.bouton3').css('display', 'none');});});
$(document).ready(
function()
{$('.bouton1').live('mouseenter',
function(ev)
{
$('.bouton1').css('display', 'block');
});$('.bouton1').live('mouseleave', function(ev)
{$('.bouton1').css('display', 'none');});});
$(document).ready(
function()
{$('.bouton2').live('mouseenter',
function(ev)
{
$('.bouton2').css('display', 'block');
});$('.bouton2').live('mouseleave', function(ev)
{$('.bouton2').css('display', 'none');});});
$(document).ready(
function()
{$('.bouton3').live('mouseenter',
function(ev)
{
$('.bouton3').css('display', 'block');
});$('.bouton3').live('mouseleave', function(ev)
{$('.bouton3').css('display', 'none');});});
</script>
<bouton>
<li><img src="images/gauche.png"></img></li>
<li><par><a href="#?page=pages/10100/OTM.htm"><div align = "center">Accueil</div></a></par></li>
<li><a href="pages\historique.html"><div align = "center">Histoire</div></a></li>
<li><type2><a href="pages\nos_actions.htm"; id="menu1"><div align = "center">Actions</div></a></type2></li>
<li><type2><a href="pages\soutien.htm"; id="menu2"><div align = "center">Soutien</div></a></type2></li>
<li><type2><a href="pages\divers.htm"; id="menu3"><div align = "center">Divers</div></a></type2></li>
<li><img src="images/droite.png"></img></li>
</bouton>
<sousmenu><t1>
<li><div class="bouton1" style="display:none;"><img src="images/mgauche.png"/></div></li>
<li><div class="bouton1" style="display:none;"><a href="pages/nos_actions.htm">Général</a></div></li>
<li><div class="bouton1" style="display:none;"><a href="pages/actions/la_sante.htm">Santé</a></div></li>
<li><div class="bouton1" style="display:none;"><a href="pages/actions/aide_education.htm">Education</a></div></li>
<li><div class="bouton1" style="display:none;"><a href="pages/actions/Orphelinat.htm">Orphelins</a></div></li>
<li><div class="bouton1" style="display:none;"><a href="pages/actions/parrainage_ind.html">Parrainage</a></div></li>
<li><div class="bouton1" style="display:none;"><a href="pages/actions/sommaire.html">Divers</a></div></li>
<li><div class="bouton1" style="display:none;"><img src="images/mdroite.png"/></div></li>
</t1></sousmenu>
<sousmenu><t2>
<li><div class="bouton2" style="display:none;"><img src="images/mgauche.png"/></div></li>
<li><div class="bouton2" style="display:none;"><a href="soutien.htm">Général</a></div></li>
<li><div class="bouton2" style="display:none;"><a href="s-manifs.htm">Manifs</a></div></li>
<li><div class="bouton2" style="display:none;"><a href="s-boutique.htm">Boutique</a></div></li>
<li><div class="bouton2" style="display:none;"><img src="images/mdroite.png"/></div></li>
</t2></sousmenu>
<sousmenu><t3>
<li><div class="bouton3" style="display:none;"><img src="images/mgauche.png"/></div></li>
<li><div class="bouton3" style="display:none;"><a href="divers.htm">Général</a></div></li>
<li><div class="bouton3" style="display:none;"><a href="d-archives.htm">Archives</a></div></li>
<li><div class="bouton3" style="display:none;"><a href="d-contact.htm">Contact</a></div></li>
<li><div class="bouton3" style="display:none;"><img src="images/mdroite.png"/></div></li>
</t3></sousmenu>
</center>
<style language = "text/css">
suites {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left; /*pour IE*/
}
suites boutonn li a {
display:block;
float:left;
width:89px;
line-height:31px; /*hauteur de l'image de fond*/
background:url(images/empl.png) no-repeat;
text-decoration:none;
text-align:center;
}
</style>
<body style="background: url(images/brique.jpg);">
-------------------------------------------<PARTIE IMPORTANTE>-------------------------------------------------------
<script type="text/javascript">
<!--//
function sizeFrame(frameId) {
var F = document.getElementById(frameId);
if(F.contentDocument) {
F.height = F.contentDocument.documentElement.scrollHeight+40; //FF 3.0.11, Opera 9.63, and Chrome
} else {
F.height = F.contentWindow.document.body.scrollHeight+40; //IE6, IE7 and Chrome
}
}
// window.onload=sizeFrame;
//-->
</script>
<?php
$lien = $_GET['page'];
if ( (is_null($lien)) or (!isset($lien)) ) {
$lien = "acceuil";};
?>[/b]
<div style = "position:absolute; left: 28%; top: 385px;">
<?php
$suite = explode("/", 'pages/'.$lien);
for ($nombre = 1; $nombre <= 12; $nombre++)
{
if (((!is_null($suite[$nombre])) or (isset($suite[$nombre])))) {
$suite = explode(".", $suite[$nombre]);
$chaine = $chaine.'<boutonn><li><a style="text-decoration:none; color: #696969;" href=?page='.$chaine.$suite[0].'>'.$suite[0].'</a></li></boutonn>';}
};
echo('<suites>');
?><li><a href="?page=acceuil"><img src="images/home.png"/></a></li><?php
echo($chaine);
echo('</suites>');?>
</div>
<iframe width="787px" id="myFrame" name="myFrame" src=<?php echo('pages/'.$lien.'.php'); ?> scrolling="no" frameborder="0" onload="sizeFrame('myFrame')" height ="auto" style = "position:absolute; left: 28%; top: 420px; z-index:1"/>
<iframe width="230px" id="Frameinfo" name="Frameinfo" src="info.php" scrolling="no" frameborder="0" onload="sizeFrame('Frameinfo')" height ="auto" style = "position:absolute; left: 11%; top: 350px; z-index:2"/>
-------------------------------------------</PARTIE IMPORTANTE>-------------------------------------------------------
</body>
</html>