Javascript para exibir "Popup" dentro de uma camada [RESOLVIDO]
1. Javascript para exibir "Popup" dentro de uma camada [RESOLVIDO]
daniel.uramg
(usa Outra)
Enviado em 03/09/2013 - 11:58h
Olá pessoal,não sou muito bom em Javascript, eu quero criar uma função em Javascript para abrir um link como se fosse uma popup dentro da própria página, eu fui reunindo vários códigos e consegui chegar quase 100% do que preciso, o único problema é que quando fecho esta "Popup", depois ela não abre novamente, só se recarregar a página:
<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<script>
function showiframe (url) {
var main_id="mainfr";
var script_id="showpop";
var dlcontent='<dt style="span; background-color:#fff;text-align:right;border-bottom:2px solid #b1c2ab;clear:both;padding-bottom:4px"><span id="pstop" style=float:left;font-size:14px;font-weight:bold;margin-bottom:0px;margin-top:0px;color:#20510f;text-align:left">Digipaper Infromatica</span><span id="closeFreightPS" style="color:#035dcb;font-size:10px; cursor:pointer">FECHAR X</span></dt><dd style="clear:both"><iframe style="margin:0;padding:0;border:0;font-family:arial,georgia,sans-serif" name="pagseguro" src="'+url+'" height="345" width="530" scrolling="no" frameborder="0"></iframe></dd>';
document.getElementById("mainfr").innerHTML=''+dlcontent+'';
document.getElementById("mainfr").style.display="block";
document.getElementById("closeFreightPS").onclick=function(){fadeOut()};
var freightps=document.getElementById(main_id);
function fadeOut(){alpha=100;
var i=setInterval(function(){if(alpha<=0){clearInterval(i);
freightps.style.display="none"}setAlpha(alpha);
alpha-=5},1)}function fadeIn(){if(document.getElementById("mainfr").style.display=="none"){freightps.style.display="block";
alpha=0;
var i=setInterval(function(){if(alpha>=100){clearInterval(i)}setAlpha(alpha);
alpha+=5},1)}return false}function setAlpha(alpha){freightps.style.filter="alpha(opacity="+alpha+")";
freightps.style.opacity=alpha/100}if(navigator.appVersion.search("MSIE 6.0")!=-1){document.getElementsByTagName("html")[0].onscroll=function(){freightps.style.top=document.getElementsByTagName("html")[0].scrollTop+"px"}}document.getElementById("imgCalculoFrete").onclick=fadeIn;
}
</script>
</head>
<body>
<p><a href="#" onclick="showiframe('http://www.globo.com')" id="showpop">
Globo</a></p>
<p>
<a href="#" onclick="showiframe('http://www.terra.com.br')" id="showpop">
Terra</a></p>
<dl id="mainfr" style="position:absolute; border: 2px solid #20510F;background:#fff;display:none;right:0;position:fixed;top:0;width:530px;z-index:99;padding:10px 10px 0"></dl>
</body>
</html>
Então por exemplo clica no Terra abriu a página dentro da janela, mas se fechar esta janela e clicar na Globo já não abre!
Grato.