Discussion :

[sam01]

Bonjour,

après que ma page se soit affichée, l'utilisateur doit uploader des photos via un formulaire :

Code php :

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

1
2
3
4
if (isset($_POST['valide_form04']))
{
//...script php d'upload de photos...
}

J'aimerais afficher un message d'attente pendant l'exécution de ce script (à la validation du formulaire donc), et que le message s'efface lorsque le script est terminé.



Merci d'avance pour votre aide.

[SylvainPV]

Peu importe comment c'est géré en amont par le serveur, le navigateur ne voit qu'une requête qui met du temps à répondre. Affiche donc le message que tu veux, et lorsque le serveur aura répondu, la page suivante sera chargée et le contexte JavaScript réinitialisé, donc plus de message.

[sam01]

Bonjour, SylvainPV.

Aurais-tu un exemple s'il te plaît et surtout à quel endroit de ma page je dois placer le code ?

Merci.

[sekaijin]

??????

ben où tu veux
en quoi l'endroit peut avoir une influence ??

Code html :

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

1
2
3
4
<from action="toto.php" onsubmit="document.getElementById('msg').style.display='block'; return true;">
...
</form>
<div id="msg">ceci est un message</div>

A+JYT

[SylvainPV]

oui, tout comme l'a dit sekaijin, en n'oubliant pas de le cacher à la base :

Code html :

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

<div id="msg" style="display:none">ceci est un message</div>

[sam01]

Ok.

Je vais intégrer le code, je vous tiens au courant. Merci.

[sam01]

Bonjour,

je viens d'intégrer le code mais le message "chargement de la photo" apparaît tout le temps. Même quand je ne clique pas sur le bouton charger la photo...

De plus j'aimerais que l'on voit apparaître uniquement le message lors du chargement et pas la page en cours... Ou bien laisser la page en image de fond et mettre sur le premier plan le message d'attente. C'est quelque chose comme ça que j'aimerais reproduire.

Voici mon code :

Code php :

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

1
2
3
4
5
6
<?php 
echo '<form method="POST" action="'.$current_url.'" class="form01 type03" enctype="multipart/form-data" onsubmit="document.getElementById("msg").style.display="block"; return true;">';
?>
....
</form>
	<div id="msg">chargement de la photo</div>

[Twodwo]

Pourquoi ne pas faire un "onclick" sur le bouton d’envoi pour qu'il affiche le message, une fois la photo chargé, la page l'actualiserais tout seul et *pouf* le message!

Sa marcherais?? Je ne le sais pas, mais on peut toujours essayer c'est facile à faire ^^

[SylvainPV]

en n'oubliant pas de le cacher à la base :

Code html :

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

<div id="msg" style="display:none">ceci est un message</div>

J'ai parlé dans le vide ?

[sam01]

Bonsoir désolé pour le retard.

SylvainPV, j'ai placé ton code en amont mais le message s'affiche toujours...

Je dois le placer à quel endroit exactement ?