Mudanças entre as edições de "Pagina de Teste 2"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
Linha 237: Linha 237:
 
! [[Modulo_Desktop| Desktop]]
 
! [[Modulo_Desktop| Desktop]]
 
|
 
|
! [[Modulo_Web|Web]]
+
!  
 +
<br>
 +
<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() /2) - ( $(id).width() / 2 );
 +
var top = ($(window).height() / 2) - ( $(id).height() / 2 );
 +
 +
$(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>Formulario</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/%C3%81rea_de_Trabalho" 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/%C3%81rea_de_Trabalho" title="Área de Trabalho">Área de Trabalho 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>
 +
 
  
 
! [[Modulo_Mobile|Mobile]]
 
! [[Modulo_Mobile|Mobile]]

Edição das 15h19min de 28 de março de 2013



NÃO MEXER NESTA PÁGINA.
Escolha sua Versão do Integrator.


Backup Modulo Desktop e Web



Welcomewiki.png


Aqui você terá acesso aos Tutoriais, Vídeos do Integrator para auxiliar na utilização do sistema.



ChangelogBlue2.png
Glossario.jpg
Faq.png Faq.png
Video.jpg
Vocesabia.png
Project.png
O que há de novo? Glossário FAQ-Web FAQ-Desk Vídeos/Tutoriais Você sabia? Projetos

linkedin linkedin twitter youtube

wiki.elitesoft.com.br-index.php-P%25C3%25A1gina_principal-thumb.jpg