Merci pour ton bout de code
Pourtant j'ai le meme principe .... voici un extrait :
<div id="all"></div>
<div id="demo">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="demo_barre" align="right">
<a href="javascript:void(0)" onclick="closeDemo('demo');">Fermer</a>
</td>
</tr>
<tr>
<td align="center" valign="top" class="demo_border">
<iframe src="#" width="100%" id="demo_iframe" frameborder="0"></iframe>
</td>
</tr>
</table>
</div>
<a href="javascript:void(0)" onclick="showDemo('demo','demos/mini/index.php','600','Démonstration');"/>
#all
{
background-color:#000000;
height:100%;
left:0;
position:fixed;
top:0;
visibility:hidden;
width:100%;
z-index:2;
}
#demo
{
width:1024px;
visibility:hidden;
z-index:3;
position:fixed;
top:10px;
left:320px;
}
function showDemo(id,url,h,title)
{
var object = document.getElementById(id);
document.getElementById("demo_iframe").src = url;
document.getElementById("demo_iframe").height = h;
document.getElementById("demo_title").innerHTML = title;
fadeIn('all',0);
fadeIn(id,0);
document.getElementById("all").style.visibility = "visible";
object.style.visibility = "visible";
object.style.overflow = "auto";
object.style.height = "auto";
}
function closeDemo(id)
{
var object = document.getElementById(id);
object.style.overflow = "hidden";
reduceDiv(id, object.offsetHeight);
}