Discussion :

[camyo]

Bonjour,

j'ai un formulaire avec uplaod d'image qui envois les données vers un fichier qui :

- upload l'image
- génère 3 miniatures
- supprime l'image temporaire
- entre plusieurs INSERT dans des bases ..

et ces actions prennent un certain temps..

j'aimerais que durant ce temps, afficher une image "preload.gif"

... mais je crois que j'ai besoin d'une piste ...
merci

[camyo]

j'ai tenté ce script
http://www.dhtmlgoodies.com/index.ht...t=progress-bar

par contre, ils parlent de ob_implicit_flush()

mais là... je galère, ça donne rien ..

la progress-bar, s'affiche mais après un long temps d'attente ...
l'upload je suppose..

[Vil'Coyote]

salut,
sur ce que je peut voir et comme je m'y attendais seul l'ajax pourra répondre à ta question. en l'occurence ne pas exécuter l'upload dans ta page directement mais via l'appel ajax et ainsi tu pourrais faire aparître ta prograisse barre.

[camyo]

merci;

je tente cette option mais en Ajax ... j'ai même pas le début d'un niveau ..

j'ai tenté multiples solutions, dont http://thecodecentral.com/2007/09/04...-yuis-approach qui semble correspondre assez bien a ce que je tente ...

mais ... j'arrive pas a faire tourner la source ..
et je comprend même pas d'ou ça vient ...

[elcoyotos]

J'ai une solution simple et j'espère que c'est ce que tu cherche :

Tu mes ça :

Code :

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

<p id="change_display" class="centrer" style="display:none;">Veuillez patienter, chargement en cours<br /><img src="photos/Divers/chargement/loader.gif" width="100" height="100" /></p>

Et sur le bouton d'envoie :

Code :

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

<input name="action" type="submit" id="action" onclick="document.getElementById('change_display').style.display='block'" value="Valider">

[camyo]

MERCI,

j'avais un peu laissé ça sous le coude et ce matin je retrouve ta réponse ..
ça marche nickel ..

j'ai fais un petite modif en plus :

Code :

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

1
2
3
<input type="submit" name="bouton_submit" value="Envoyer le fichier" 
onclick="document.getElementById('change_display').style.display='block'; 
document.getElementById('form_ajout').style.display='none'">

et c'est très clean ...

merci encore

[elcoyotos]