detalhamento no código:
<script language="JavaScript">
/* script para esconder a janela */
function hidebox(){
if (document.all)
janela.style.visibility="hidden"
else if (document.layers)
document.janela.visibility="hide"
}
</SCRIPT>
<script language="JavaScript">
/* script para mostrar a janela */
function mostra() {
document.getElementById('janela').style.visibility = "visible";
}
</script>
<!-- input que chama a janela caso optar em ocultar //-->
<input type="button" id="a" value="mostra" onClick="return mostra()">
<style type="text/css">
/* posicionamento da janela */
/* adicione visibility:hidden; ao div abaixo para carregar a jenala fechada, sendo ativada pelo botão */
.div{
position:absolute;
left:100px;
top:100px;
width:100px;
height:100px;
}
</style>
<!-- div com o conteúdo da janela //-->
<div id="janela" class="div">
<table width="100" height="100" border="1">
<tr>
<td valign="top">texto</td>
<td align="right" valign="top"><a href="javascript:hidebox()">Fechar</a></td>
</tr>
<tr><td colspan="2" valign="top">seu conteúdo aqui</td></tr>
</table>
</div>