#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.
X
*/