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
Inscription: 20 Juil 2005

afficher une image pendant l'envoi d'une image

Message le Mar Oct 21, 2008 15: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: 22210
Inscription: 8 Aoû 2004

Message le Mar Oct 21, 2008 22: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
Inscription: 20 Juil 2005

Message le Mer Oct 22, 2008 9:40

oui mais je ne connais pas beaucoup en js

Peux-tu me donner un exemple?


Bacteries
WRInaute passionné
WRInaute passionné
 
Messages: 1369
Inscription: 27 Mai 2004

Message le Mer Oct 22, 2008 10: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
Inscription: 20 Juil 2005

Message le Mer Oct 22, 2008 18:56

merci

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

silverbeach
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 333
Inscription: 20 Juil 2005

Message le Jeu Oct 23, 2008 19: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"


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

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 :