IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher texte pendant upload fichier


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 22
    Par défaut 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

  2. #2
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    <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

  3. #3
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

Discussions similaires

  1. Upload fichier - boundary fichier texte
    Par drob38 dans le forum Général Java
    Réponses: 4
    Dernier message: 27/11/2009, 16h07
  2. Réponses: 7
    Dernier message: 12/10/2009, 01h47
  3. [phpToPDF] Comment afficher du texte dans le fichier pdf généré ?
    Par ginger4957 dans le forum Bibliothèques et frameworks
    Réponses: 4
    Dernier message: 18/05/2009, 11h16
  4. Upload fichier + input texte ..
    Par PsychoZ dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 30/05/2007, 10h51
  5. Afficher contenu d'un fichier dans une zone de texte
    Par Dimitri_87 dans le forum GTK+ avec C & C++
    Réponses: 8
    Dernier message: 23/09/2006, 14h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo