|
|
|
|
#maskModal {
|
|
|
|
|
position:absolute;
|
|
|
|
|
z-index:9000;
|
|
|
|
|
background-color:#000;
|
|
|
|
|
display:none;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#boxes .window {
|
|
|
|
|
position:absolute;
|
|
|
|
|
width: 1024px;
|
|
|
|
|
height: 780px;
|
|
|
|
|
display:none;
|
|
|
|
|
z-index:9900;
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
overflow: hide;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Personalize a janela modal aqui. Voc<EFBFBD> pode adicionar uma imagem de fundo. */
|
|
|
|
|
#boxes #dialog {
|
|
|
|
|
width: 1024px;
|
|
|
|
|
height: 780px;
|
|
|
|
|
z-index:9900;
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* posiciona o link para fechar a janela */
|
|
|
|
|
.closeModal {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100px;
|
|
|
|
|
top: 50px;
|
|
|
|
|
right: 300px;
|
|
|
|
|
z-index:9999;
|
|
|
|
|
text-align:center;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
font-size: xx-large;
|
|
|
|
|
font-family: cursive, sans-serif;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
color: #fff;
|
|
|
|
|
display:none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
//Chamada inicia cliente
|
|
|
|
|
$jsJQuery[] = "\$('#closeModal').click(function (e) {e.preventDefault(); \$('#maskModal, .window').hide(); \$('#closeModal').hide(); });";
|
|
|
|
|
$jsJQuery[] = "\$('#maskModal').click(function () { \$(this).hide(); \$('.window').hide(); \$('#closeModal').hide();});";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//function abreJanela, novaJanela
|
|
|
|
|
|
|
|
|
|
$('#closeModal').css("display", "block");
|
|
|
|
|
$('#frameModal').attr('src', url);
|
|
|
|
|
|
|
|
|
|
//armazena o atributo href do link
|
|
|
|
|
var id = '#dialog';
|
|
|
|
|
|
|
|
|
|
//armazena a largura e a altura da tela
|
|
|
|
|
var maskHeight = $(document).height();
|
|
|
|
|
var maskWidth = $(window).width();
|
|
|
|
|
|
|
|
|
|
//Define largura e altura do div#mask iguais <EFBFBD>s dimens<EFBFBD>es da tela
|
|
|
|
|
$('#maskModal').css({'width': maskWidth, 'height': maskHeight});
|
|
|
|
|
|
|
|
|
|
//efeito de transi<EFBFBD><EFBFBD>o
|
|
|
|
|
$('#maskModal').fadeIn(100);
|
|
|
|
|
$('#maskModal').fadeTo("slow", 0.8);
|
|
|
|
|
|
|
|
|
|
//armazena a largura e a altura da janela
|
|
|
|
|
var winH = $(window).height();
|
|
|
|
|
var winW = $(window).width();
|
|
|
|
|
//centraliza na tela a janela popup
|
|
|
|
|
|
|
|
|
|
$(id).css('top', winH / 2 - $(id).height() / 2);
|
|
|
|
|
$(id).css('left', winW / 2 - $(id).width() / 2);
|
|
|
|
|
//efeito de transi<EFBFBD><EFBFBD>o
|
|
|
|
|
$(id).fadeIn(100);
|
|
|
|
|
|
|
|
|
|
// Inserir html no master.tpl.
|
|
|
|
|
<div id="boxes">
|
|
|
|
|
<a href="#" id="closeModal" class="closeModal">X</a>
|
|
|
|
|
<div id="dialog" class="window">
|
|
|
|
|
<iframe width='100%' height='100%' marginwidth="0" id="frameModal" marginheight="0" frameborder='0' vspace="0" hspace="0" src='#'></iframe>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="maskModal"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
*/
|