Effet loader durant l'envoi d'un formulaire
Bonjour,
J'aimerais avoir quelques pistes pour mettre en place un effet de loader lors d'un envoi de formulaire qui contient un fichier.
En effet, l'attente avec une page blanche n'est pas très gracieux et j'aimerais informer l'utilisateur que l'envoi est en cours.
A noter que le formulaire appel une seconde page.
Je remercie la ou les personnes qui m'aideront dans cette recherche du saint graal :)
Formulaire :
Code:
1
2
3
4
5
6
|
<form action="/liste_article.php" method="post" id="formulaire" name="formulaire" enctype="multipart/form-data">
<input type="file" name="gpx" id="gpx"/>
<input type="submit" value="Envoyer" name="submit" />
</form> |
Effet loader lors du submit d'un formulaire
Bonjour,
Je cherche une solution afin d'avoir un gif animé qui tourne au centre de l'écran. Ceci permet de faire l'utilisateur lors de l'envoi du formulaire.
Seulement mon souci c'est que le traitement du formulaire se situe sur une seconde page et du coup mon gif que je fait apparaître sur le onsubmit de la balise du form disparait quelques secondes après, lorsque la page de destination s'affiche.
Avez-vous une idée de comment je pourra procéder ?
Merci.
Je sais qu'on est en php mais en jquery j'avais juste fait :
Code:
1
2
3
4
5
6
7
8
9
10
11
| <script type="text/javascript">
$(document).ready(function(){
// On cache le div a afficher :
$("#loader").hide();
test = function() {
//utilisation du $ possible dans la fonction
$("#loader").show();
};
});
</script> |
Le div qui s'affiche sur le onsubmit :
Code:
1
2
3
| echo'<div id="loader">';
echo '<img src="/admin/images/ajax-loader.gif" alt="icône patienter" title="veuillez patienter" />';
echo'</div>'; |
