Discussion :

[Invité]

Hello,

J'essaye à travers un formulaire d'afficher un loading.gif de chargement lorsqu'on clic sur un bouton submit.

J'ai trouvé le bout de code suivant, mais il semblerait que quelque chose bloque.

Si je garde le id="form33" dans mon formulaire, je vois bien le loading.gif qui s'affiche à la place du bouton submit, mais rien ne se passe, le formulaire ne s’exécute pas.
Si je supprime le id="form33", je ne vois plus le loading gif, mais cette fois le formulaire est exécuté et je suis redirigé vers ma page ping2.php


Code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function EnvoiMessage() {
 
			$(this).submit();
			document.getElementById('form33').innerHTML = '<img src="img/loading.gif" alt="Loading..." />';
		}
 
 
</script>

Code:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<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>

Quel est l'erreur ?
Comment faire pour que les 2 actions soient exécutées en même temps ?

Merci pour l'aide