|
|
| Linha 68: |
Linha 68: |
| | rect 875 590 962 680 [[Modulo Desktop - Painel Configuracoes - Regiao Metropolitana|Região Metropolitana]] | | rect 875 590 962 680 [[Modulo Desktop - Painel Configuracoes - Regiao Metropolitana|Região Metropolitana]] |
| | </imagemap> | | </imagemap> |
| − |
| |
| − | <html>
| |
| − | <head>
| |
| − | <title>Janela modal</title>
| |
| − | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
| |
| − | <script type="text/javascript">
| |
| − | $(document).ready(function(){
| |
| − | $("a[rel=modal]").click( function(ev){
| |
| − | ev.preventDefault();
| |
| − |
| |
| − | var id = $(this).attr("href");
| |
| − |
| |
| − | var alturaTela = $(document).height();
| |
| − | var larguraTela = $(window).width();
| |
| − |
| |
| − | //colocando o fundo preto
| |
| − | $('#mascara').css({'width':larguraTela,'height':alturaTela});
| |
| − | $('#mascara').fadeIn(1000);
| |
| − | $('#mascara').fadeTo("slow",0.8);
| |
| − |
| |
| − | var left = ($(window).width() /3) - ( $(id).width() / 5 );
| |
| − | var top = ($(window).height() / 4) - ( $(id).height() / 4 );
| |
| − |
| |
| − | $(id).css({'top':top,'left':left});
| |
| − | $(id).show();
| |
| − | });
| |
| − |
| |
| − | $("#mascara").click( function(){
| |
| − | $(this).hide();
| |
| − | $(".window").hide();
| |
| − | });
| |
| − |
| |
| − | $('.fechar').click(function(ev){
| |
| − | ev.preventDefault();
| |
| − | $("#mascara").hide();
| |
| − | $(".window").hide();
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − | <style type="text/css">
| |
| − |
| |
| − | .window{
| |
| − | display:none;
| |
| − | width:383px;
| |
| − | height:228px;
| |
| − | position:absolute;
| |
| − | left:0;
| |
| − | top:0;
| |
| − | background:#FFF;
| |
| − | z-index:9900;
| |
| − | padding:10px;
| |
| − | border-radius:10px;
| |
| − | }
| |
| − |
| |
| − | #mascara{
| |
| − | position:absolute;
| |
| − | left:0;
| |
| − | top:0;
| |
| − | z-index:9000;
| |
| − | background-color:#000;
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | .fechar{display:block; text-align:right;}
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − | <a href="#janela2" rel ="modal">Web</a>
| |
| − |
| |
| − |
| |
| − | <div class="window" id="janela1">
| |
| − | <a href="#" class="fechar">X Fechar</a>
| |
| − | <h4>Primeira janela moda</h4>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis auctor tempus. Lorem ipsum dolor sit amet,</p>
| |
| − | <p>Morbi dui lacus, placerat eget pretium vehicula, mollis id ligula. Nulla facilisi. </p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="window" id="janela2">
| |
| − | <a href="#" class="fechar">X Fechar</a>
| |
| − | <h4>Escolha sua opção</h4>
| |
| − | <form action="#" method="post">
| |
| − | <table style="margin-top:5px; width:45%; margin-bottom:2px;margin-left:auto; margin-right:auto">
| |
| − | <tr>
| |
| − | <td style="border:1px solid #a7d7f9; border-radius: 10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)">
| |
| − | <table style="width:100%; margin-bottom:2px; vertical-align:top; font-size:95%; background:transparent;">
| |
| − |
| |
| − |
| |
| − | <tr>
| |
| − | <td colspan="2" style="text-align:center">
| |
| − | <div class="center"><div class="floatnone"><a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_Admin" title="Modulo Web - Central Admin"><img alt="Admin.jpg" src="http://wiki.elitesoft.com.br/images/thumb/b/be/Admin.jpg/70px-Admin.jpg" width="70" height="70" /></a></div></div>
| |
| − | </td>
| |
| − | <th> <div class="center"><div class="floatnone"><a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_do_Assinante" title="Modulo Web - Central do Assinante"><img alt="CentralAss.png" src="http://wiki.elitesoft.com.br/images/thumb/d/db/CentralAss.png/70px-CentralAss.png" width="70" height="70" /></a></div></div>
| |
| − | </th>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web" title="Área de Trabalho"><img alt="Networkweb.png" src="http://wiki.elitesoft.com.br/images/thumb/6/6c/Networkweb.png/70px-Networkweb.png" width="70" height="70" /></a>
| |
| − | </th>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Revenda" title="Modulo Web - Revenda"><img alt="Revenda.png" src="http://wiki.elitesoft.com.br/images/c/c7/Revenda.png" width="70" height="69" /></a>
| |
| − | </th>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Painel" title="Modulo Web - Painel"><img alt="Painel.png" src="http://wiki.elitesoft.com.br/images/thumb/a/a0/Painel.png/70px-Painel.png" width="70" height="70" /></a>
| |
| − | </th></tr>
| |
| − | <tr>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_Admin" title="Modulo Web - Central Admin"> Central Admin</a>
| |
| − | </th>
| |
| − | <td>
| |
| − | </td>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_do_Assinante" title="Modulo Web - Central do Assinante">Central Assinante</a>
| |
| − | </th>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web" title="Área de Trabalho">Integrator Web</a>
| |
| − | </th>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Revenda" title="Modulo Web - Revenda"> Central Revenda</a>
| |
| − | </th>
| |
| − | <th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Painel" title="Modulo Web - Painel"> Painel de Controle</a>
| |
| − | </th></tr></table>
| |
| − | </td></tr></table>
| |
| − |
| |
| − | </form>
| |
| − | </div>
| |
| − |
| |
| − | <!-- mascara para cobrir o site -->
| |
| − | <div id="mascara"></div>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
