Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > Général Conception Web > Webdesign & Ergonomie
Webdesign & Ergonomie Forum d'entraide Webdesign & Ergonomie : les bonnes pratiques de conception des sites web
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 19/03/2007, 20h00   #1
Invité régulier
 
Inscription : novembre 2006
Messages : 59
Détails du profil
Informations forums :
Inscription : novembre 2006
Messages : 59
Points : 8
Points : 8
Par défaut [Ergonomie] Indicateur de progression

Bonjour,

Je cherche des idees ou des options a ma disposition pour demontrer a mes visiteurs que l'envoi du message est en cours.

Lorsque on soumet un courriel via le site web, en cliquant sur mon bouton submit, cela prend un certain temps pour que le script s'execute sur le serveur et j'imagine, que tout cela depend aussi de l'achalandage sur le serveur.

Comment pourrais-je facilement montrer a mes visiteurs que leur message est en cours de traitement ? Un simple sablier serait bien, mais comment fait-on ?

Merci
unreal2me est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/03/2007, 21h03   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Sur la page qui exécute ton script :

Code :
1
2
3
4
5
6
7
<body onload="document.getElementById('chargement').style.display='none'">

<div id="chargement"><img src="imagedechargement" /></div>

<!-- ici ton script -->

</body>
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 20/03/2007, 00h58   #3
Invité régulier
 
Inscription : novembre 2006
Messages : 59
Détails du profil
Informations forums :
Inscription : novembre 2006
Messages : 59
Points : 8
Points : 8
J'imagine que ma question etait facile ? Ou bien il connait tout ce bisunurs hehe ... merci beaucoup, je vais essayer ca.

Bob

Citation:
Envoyé par Bisûnûrs
Sur la page qui exécute ton script :

Code :
1
2
3
4
5
6
7
<body onload="document.getElmentById('chargement').style.display='none'">

<div id="chargement"><img src="imagedechargement" /></div>

<!-- ici ton script -->

</body>
unreal2me est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 20/03/2007, 10h39   #4
Membre éprouvé
 
Avatar de babastutz
 
Inscription : décembre 2005
Messages : 943
Détails du profil
Informations forums :
Inscription : décembre 2005
Messages : 943
Points : 423
Points : 423
Sinon quand on clique sur submit tu peux rediriger vers une page avec écris -- envoi en cours -- par exemple et quand il est envoyé, rediriger vers la page suivante
__________________
Une légende, c’est un vieil homme avec une canne et que tout le monde connaît pour ce qu’il faisait. [Miles Davis]
babastutz est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/03/2007, 16h24   #5
Invité régulier
 
Inscription : novembre 2006
Messages : 59
Détails du profil
Informations forums :
Inscription : novembre 2006
Messages : 59
Points : 8
Points : 8
Citation:
Envoyé par Bisûnûrs
Sur la page qui exécute ton script :

Code :
1
2
3
4
5
6
7
<body onload="document.getElementById('chargement').style.display='none'">

<div id="chargement"><img src="imagedechargement" /></div>

<!-- ici ton script -->

</body>

Rebonjour,

J'essaie mais je n'y arrive pas. Je m'explique.

J'appelle un script asp que j'ai trouvé sur le site:
brainjar.com/asp/formmail/

C'est un script assez complet pour les gens comme moi pour qui tout ca est inconnu. J'ai reussi à l'optimiser parfaitement pour mon site et le résultat est très bien.

On inscrit dans ce script, notre code HTML afin que les messages d'erreurs ou d'envoi réussi, s'affiche sur une page identique à notre site.

J'ai essayé d'utiliser ta methode, mais je ne sais pas comment faire pour que l'image de téléchargement s'affiche dans la cellule appropriée à l'interieur de ma page. De plus cette image de téléchargement, devra être remplacée par le message d'envoi réussi une fois l'envoi terminé.

Je sais que c'est vague, je ne suis pas tres technique, mais la, je ne sais pas comment y parvenir.

Merci si vous pouvez m'eclairer.
Bob
unreal2me est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/03/2007, 03h38   #6
Inactif
 
Avatar de CR_Gio
 
Inscription : septembre 2005
Messages : 1 196
Détails du profil
Informations forums :
Inscription : septembre 2005
Messages : 1 196
Points : 1 201
Points : 1 201
bonjour a tous,

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body 
onUnload="javascript:document.getElementById('loader').style.visibility='visible';">

  <style>
    #loader
    {
      visibility=hidden;
    }
  </style>

  <form action="traitement.asp">
    <img src="loading.gif" id="loader">
    <input type="submit" value="Valider">
  </form>

</body>
Ainssi, si javascript n'est pas activé, loading.gif ne serra pas affiché.
La propriété visibility nous permet de ne pas modifier notre mise en page.
CR_Gio est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 09h48.


 
 
 
 
Partenaires

Hébergement Web