[RESOLVED] loading gif when pressed submit

Hello,

I’m trying through a form to display a loading gif when pressed the submit button.

I’ve found on the net this code, but something is wrong.

If a keep the [B]id=”form33″[/B] I can see my loading.gif displayed in place of the submit button, but nothing else happen, form not send.
If I delete [B]id=”form33″[/B], I don’t see anymore the loading gif, but my form is correctly sent and after few seconds ping2.php is opened..

[CODE]<script type=”text/javascript”>
function EnvoiMessage() {

$(this).submit();
document.getElementById(‘form33’).innerHTML = ‘<img src=”img/loading.gif” alt=”Loading…” />’;
}

</script>[/CODE]

[CODE]<form id=”form33″ action=”ping2.php” method=”post”>
<p>
<input type=”hidden” id=”router_ip” name=”router_ip” value=”<?php echo $donnees[‘router_ip’]; ?>” />
<input type=”submit” name=”submit” id=”submit” onclick=”EnvoiMessage()” value=”Ping”/>
</p>
</form>[/CODE]

what’s wrong with this javascript code?
How can I display a loading gif during the loading of the page?

Thanks for your help

Also in #JavaScript _↴