Usuário com melhor resposta
Splash Creen em webforms

Pergunta
-
Boa tarde.
Alguns sistemas quando fazem acesso a dados executam um splashScreen, geralmente uma animação com um tipo de temporizador ou loading.
No projeto estou utilizando Asp.Net com C#, sou novo na linguagem, alguém tem algum exemplo de como posso fazer isso ?
- Movido AndreAlvesLima quinta-feira, 5 de novembro de 2015 19:16
Respostas
-
Peguei esses exemplos na internet:
1º criamos uma pagina .html ou php e importamos a biblioteca jquery para dentro do documento.
vocês podem reparar que criei e importei um arquivo javascript externo chamado load.js, por questão de organização.
<script src="js/load.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script>
2º criamos uma div, que eu chamei de conteudo, e criei um link dentro dela, e o endereco desse link está dentro de uma funcao chamada loading. essa referida função está no arquivo load.js.
<div id="conteudo"> <a href="javascript:loading()">Contato</a> </div>
3º dentro do arquivo load.js colocamos o seguinte codigo
function loading() { /* Assim que o documento estiver pronto */ $(document).ready(function() { $("a").click(function(event) { /* No evento click da tag (a) */ $('#conteudo').html('<img src="images/loader.gif">'); /* Dentro da div conteudo ele irá adicionar a seguinte imagem */ $('#conteudo').load('contato.php',aviso()); /* Quando ele terminar de carregar o arquivo contato.php ele some com a imagem e mostra o conteudo */ }); /* Fecha evento click do mouse */ }); /* Fecha Funcao Loading */ function aviso(){ alert ('Conteudo será carregado agora!'); /* Cria uma caixa de mensagem exibindo um aviso */ } }
Tem mais esses
jQuery(document).ready(function($){var loader =new Loader('#noticias',{ showProgress:true, showProgressText:true, overlayColor:'#0B274C', progressColor:'#F6911E'}); loader.Start();});
e esse
jQuery(document).ready(function($){var loader =new Loader('#escopo',{ showProgress:true, showProgressText:true, textSize:20, userCallback:showContent }); loader.Start();});
Espero que ajude. Qualquer coisa é só falar.
- Marcado como Resposta Marcos SJ terça-feira, 10 de novembro de 2015 15:51
Todas as Respostas
-
Boa tarde!
Se o projeto estiver sendo feito usando o webforms, e eu te entendi bem, você pode utilizar um UpdatePanel com o UpdateProgress, associando o UpdatePanel a ele.
Procure por "Introdução ao Controle UpdateProgress" no MSDN (ainda não consigo enviar links por aqui).
Espero ter ajudado! -
-
Você pode usar o loading do javascript e nele carregar uma imagem e dimensionar o form que vai carregar o loading. Por javascript eu acho mais viável. É o que mais se vê por aí.
boa tarde, procurei na inernet um exemplo como que especificou mas não encontrei, você tem algum exemplo ou um link que ensine ? -
Peguei esses exemplos na internet:
1º criamos uma pagina .html ou php e importamos a biblioteca jquery para dentro do documento.
vocês podem reparar que criei e importei um arquivo javascript externo chamado load.js, por questão de organização.
<script src="js/load.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script>
2º criamos uma div, que eu chamei de conteudo, e criei um link dentro dela, e o endereco desse link está dentro de uma funcao chamada loading. essa referida função está no arquivo load.js.
<div id="conteudo"> <a href="javascript:loading()">Contato</a> </div>
3º dentro do arquivo load.js colocamos o seguinte codigo
function loading() { /* Assim que o documento estiver pronto */ $(document).ready(function() { $("a").click(function(event) { /* No evento click da tag (a) */ $('#conteudo').html('<img src="images/loader.gif">'); /* Dentro da div conteudo ele irá adicionar a seguinte imagem */ $('#conteudo').load('contato.php',aviso()); /* Quando ele terminar de carregar o arquivo contato.php ele some com a imagem e mostra o conteudo */ }); /* Fecha evento click do mouse */ }); /* Fecha Funcao Loading */ function aviso(){ alert ('Conteudo será carregado agora!'); /* Cria uma caixa de mensagem exibindo um aviso */ } }
Tem mais esses
jQuery(document).ready(function($){var loader =new Loader('#noticias',{ showProgress:true, showProgressText:true, overlayColor:'#0B274C', progressColor:'#F6911E'}); loader.Start();});
e esse
jQuery(document).ready(function($){var loader =new Loader('#escopo',{ showProgress:true, showProgressText:true, textSize:20, userCallback:showContent }); loader.Start();});
Espero que ajude. Qualquer coisa é só falar.
- Marcado como Resposta Marcos SJ terça-feira, 10 de novembro de 2015 15:51