Foo Forum

Posts: 4

Olá galera!
Sou novo aqui no forum e gostaria de pedir ajuda nessa questão.

Tenho um link em minha página e preciso que ele abra uma div que fiquena mesma página, porém fique na frente da página e semi transparente, para que vejam a página atrás da div...
Esta parte eu até já consegui o código, mas o problema é que eu preciso que essa div que aparece carregue uma página html, mas eu só consigo fazer ela mostrar textos ou figuras...

Abaixo segue o código que eu tenho e peço que deêm uma olhada se puderem!
Valeu!!!

-----------------------------------------------------------------------------------------------
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style>
#displaybox {
    z-index: 10000;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5; /*older Safari*/
    opacity: 0.5; /*supported by current Mozilla, Safari, and Opera*/
    background-color:#CCCCCC;
    position:absolute; top:10px; left:10px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
</style>

<script>
function clicker(){
    var thediv=document.getElementById('displaybox');
    if(thediv.style.display == "none"){
        thediv.style.display = "";
        thediv.innerHTML = "<a href='#' onclick='return clicker();'>CLOSE WINDOW</a>";
    }else{
        thediv.style.display = "none";
        thediv.innerHTML = '';
    }
    return false;
}
</script>
</head>
<body>
<div id="displaybox" style="display: none;">
</div>
<p><a href='#' onclick='return clicker();'>Open Window</a></p>
</body>

</html>

-----------------------------------------------------------------------------------------------