forked from SimplesIP/pabx-app
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
2.4 KiB
98 lines
2.4 KiB
#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ê 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 ás dimensões da tela |
|
$('#maskModal').css({'width': maskWidth, 'height': maskHeight}); |
|
|
|
//efeito de transiçã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çã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> |
|
|
|
*/ |