Estou tentando mudar uma imagem para um gif de loading quando uma busca eh requisitada. Há duas formas do cara fazer essa busca, ou clica numa imagem ou dá um enter no input. Em ambas eu já tratei pra mudar a imagem… só que algumas vezes a imagem não muda, nada aparece no lugar da outra… aqui está o código
Tratando por imagem
<a id="searchButtonLink" href="javascript:submitPrint('printSearchForm');" style="text-decoration:none" target="principalFrame"><img id="searchButtonImg" border="0" src="img/searchButton.png" title="Buscar"/></a>Aqui o javascript
function submitPrint(formName){
document.getElementById('searchButtonLink').removeAttribute('href');
document.getElementById('searchButtonImg').src ='img/wait.gif';
document.getElementById('searchButtonImg').title="Aguarde... Processando a Tabela";
document.forms[formName].submit();
}
Aqui para o caso do enter. Ação tomada no onSubmit:
<form action="printSearch" onsubmit="return verifySubmitPossibility()" method="post" name="printSearchForm" id="printSearchForm">Aqui o javascript:
function verifySubmitPossibility() {
if (document.getElementById('searchButtonImg').src.indexOf('img/wait.gif') != -1) {
alert("Aguarde, sua requisição está sendo atendida. Caso queira imprimir outra instalação carregue a página novamente")
return false;
}
else {
document.getElementById('searchButtonLink').removeAttribute('href');
document.getElementById('searchButtonImg').src ='img/wait.gif';
document.getElementById('searchButtonImg').title="Aguarde... Processando a Tabela";
return true;
}
}
Eu já testei colocando href="#" e colocando a ação no onclick, mas procurei na net e vi q um cara falou q era melhor assim, só q sem sucesso…
E aí? Alguma sugestão?
Grato desde já…