loading antes de query

[diokhan 1]

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?

🤔

[yoda 138]

é fácil de fazeres

[bruno1234 20]

Se pesquisares na net é possivel que encontres soluções já feitas.

Pesquisa e vê se é o suficiente para utilizares, se não for, ficas com umas ideias para fazer o teu próprio.

[diokhan 1]

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

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>