Afficher texte pendant upload fichier

Bonjour j'aimerais afficher un message d'attente pendant qu'un fichier s'upload sur le server (à l'aide de php)

J'avais pensé à un petit message texte en javascript (pas un alert) je voudrais toute simplement que le texte "Téléchargement en cours veillez patientez" s'affiche directement sur la page à l'instant ou l'utilisateur appuis sur le bouton : <input name="envoyer_fichier" type="submit" id="envoyer_fichier" value="Envoyer">

Merci d'avance

tu mets un div ou un span avec un style display:none qui contient ton message

ensuite dans le on submit de ton formulaire tu fais un getElementById de ton span ou div et tu lui fixe le display à block

Code:

---

<form onSubmit="document.geElementById('mondiv').style.display='block'; return true;" >

---

lorsque tu validera ton formulaire le js affichera ton message et envoiera le post

mais en peut de temps ton n'avigateur va se mettre en attente de la réponse
il effacera donc ton message.

qu'oi que tu fasse de toute façon tu ne poura pas echaper au fait que pendant le téléchargement tu n'est plus sur la page de ton formulaire et pas encore sur la réponse

A+jyt

Salut,

Si tu post ton formulaire sans autre, la réponse du serveur va remplacer
la page courrante. Si tu veux gérer ce problème il te faut poster ton formulaire
dans une autres fenêtre ou cadre. De préférence dans un Iframe.

tu crée un iframe et tu fixe son attribut name. Ensuite tu ajoute un attribut
target à ta balise form avec comme valeur le nom de l'iframe.

Ainsi, le resultat du post arrivera dans l'iframe sans affecter la page en cours.

Pour savoir quand le post est terminé tu renvoie un script dans ta réponse qui
appelle une fonction javascript de ta page principale. ça peut ressembler à ça:

Code:

---

1 2 3 4 5 6

... <script type='text/javascript'> parent.uploadTermine(); </script> ...

---

dans ta page principale il te faut un fonction uploadTermine() qui fait ce
que tu veux quand l'upload est terminé.

Laisse l'iframe visible en phase de développement. Puis quand ça fonctionne,
rend le invisible. Perso, je le rendrait pas invisible avec un display: none car il
me semble que certains navigateurs posent problème. donne lui une taille
de 1px par 1px avec un overflow hidden.