Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

diokhan

loading antes de query

Recommended Posts

diokhan

boas,

a minha dúvida é, eu tenho um sistema de pesquisa na minha página e queria que ao clicar no SEARCH onde deve aparecer os resultados ou mesmo numa modal box, aparecesse tipo um loading em ajax ou javascript durante 5segundos ou algo deste género, e depois desaparecia e aparecia os resultados. existe já algo feito? ou é simples fazer eu próprio um? qual é o melhor método?

🤔


...Join the dark side...and get a free cookie...

Share this post


Link to post
Share on other sites
diokhan

eu após algum tempo consegui fazer um, demorei, mas ficou a funcionar, deixo aqui caso alguém possa querer usar ou mesmo dar dicas para melhorar :D

var $t = jQuery.noConflict();
$t().ready(function() {  
	//make sure the submit button is visible on page load
	$t('#SubmitButton').show();  
	// hide submit button after click and show loading message  
	$t('[id$=SubmitButton]').click(function() {  
		$t('#PostBackMsg').show();  
		$t('#SubmitButton').hide();   
	});  
});  

<input type="submit" value="Search" name="submit" id="SubmitButton"/>
<span id="PostBackMsg" style="display: none;">
<img src="images/ajax-loader2.gif">
<h2>Loading Data...<br>Please Wait...</h2>
</span>  


...Join the dark side...and get a free cookie...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.