afficher une image pendant l'envoi d'une image

Consultez la formation SEO spéciale Wordpress
par WebRankInfo / Ranking Metrics

silverbeach
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 333
Enregistré le: 20 Juil 2005

afficher une image pendant l'envoi d'une image

Message le Mar Oct 21, 2008 16:39

Bonjour,

Pour la nouvelle version d'un de mes sites, j'aimerai afficher une image (ou un texte) pendant l'envoi d'une image via un formulaire.

J'ai essayé quelques petit code trouvé sur le net mais ça ne marche pas

Merci d'avance


Leonick
WRInaute accro
WRInaute accro
 
Messages: 22523
Enregistré le: 8 Aoû 2004

Message le Mar Oct 21, 2008 23:58

avant la validation du formulaire, il te suffit de faire afficher l'image d'attente en js

silverbeach
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 333
Enregistré le: 20 Juil 2005

Message le Mer Oct 22, 2008 10:40

oui mais je ne connais pas beaucoup en js

Peux-tu me donner un exemple?


Bacteries
WRInaute passionné
WRInaute passionné
 
Messages: 1369
Enregistré le: 27 Mai 2004

Message le Mer Oct 22, 2008 11:38

Tu as un tutoriel là (si c'est ce que tu veux) :
http://www.reconn.us/wait_while.html

silverbeach
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 333
Enregistré le: 20 Juil 2005

Message le Mer Oct 22, 2008 19:56

merci

pour le moment, je suis sur autre chose, je regarderais le tuto demain

silverbeach
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 333
Enregistré le: 20 Juil 2005

Message le Jeu Oct 23, 2008 20:04

j'ai essayé d'adapter le code pour ma situation mais je n'arrive pas à le faire fonctionner
Voici le code sans le js :
Code: Tout sélectionner
<form enctype="multipart/form-data" action="v3/ajout-photo-script.php" method="post" >
         <fieldset>
            <legend>Formulaire</legend>
            <p>
            <label for="fichier_a_uploader" title="Recherchez le fichier à uploader !">Envoyer le fichier :</label>
            <input type="hidden" name="MAX_FILE_SIZE" value="<?php echo MAX_SIZE; ?>" />
            <input name="fichier" type="file" id="fichier_a_uploader" />
            <input type="submit" name="submit" value="Uploader" />
            </p>
         </fieldset>
      </form>
<div id="loading"><img src="loader.gif" border=0></div>

Et j'aimerai que l'image "loader.gif" ne soit affichée que lorsque le visiteur clique sur "Uploader"


Formation recommandée sur ce thème :

Formation SEO spéciale Wordpress : apprenez à optimiser le référencement naturel d'un site fait avec Wordpress... Formation Ranking Metrics animée par un expert SEO / Wordpress.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :