Page d'attente lors du chargement

Page d'attente lors du chargement - HTML/CSS - Programmation

Marsh Posté le 29-08-2005 à 18:32:25    

Je crois que ça existe :
afficher une page avec un message genre "La page est en cours de chargement" qui disparait dès que la page est completement chargée...
 
pouvez vous me dire si c fiable et ou je pourrai trouver ces scripts.. et surtout si ils sont simple d'utilisation (je me vois pas indiquer à mon script chaque élément de la page à charger !)
 
Merci d'avance
 
Freed


---------------
Freed102
Reply

Marsh Posté le 29-08-2005 à 18:32:25   

Reply

Marsh Posté le 30-08-2005 à 10:36:14    

ya une truc qui tourne en haut à gauche de ton navigateur qui veux exactement dire ce dont tu as besoin.
 
et non il n'existe AUCUN moyen fiable / respectueux de faire ce que tu demande.
 
à la rigueur un bacground centré sur le body, que tu pourrais modifié quand la page est chargée... mais bof
 
ta demande se justifie à la rigueur dans le cadre d'une appli web lourdement scriptée côté client (ajax ?), dans le cadre d'une simple page html ça n'a simplement pas de sens, puisque tu n'est pas sensé pouvoir faire quoique ce soit avant que la page soit chargée.

Reply

Marsh Posté le 30-08-2005 à 10:52:48    

en fait je crois avoir trouvé un truc... le seul truc que je voulais c afficher un carré blanc sur un fond bleu le temps que la page soit completement chargée pour eviter d'avoir les éléments qui s'affichent au fur et à mesure... le script que j'ai trouvé c ça :
 

Code :
  1. <div id="chargement">
  2. <table width="400" border="0" align="center" cellpadding="2" cellspacing="0" bordercolor="#578799" bgcolor="#578799">
  3. <tr>
  4. <td align="center" valign="middle">
  5. <table width=100% bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
  6. <tr>
  7. <td align="center" valign="middle">
  8. <font face="verdana" size=2 color="#578799">
  9. <br>
  10. Chargement de la page en cours...
  11. <br>
  12. <br>
  13. </font>
  14. </td>
  15. </tr>
  16. </table>
  17. </td>
  18. </tr>
  19. </table>
  20. </div>
  21. <script language="javascript" type="text/javascript">
  22. <!--
  23. var nava = (document.layers);
  24. var dom = (document.getElementById);
  25. var iex = (document.all);
  26. if (nava)
  27. {
  28. chg = document.chargement;
  29. }
  30. else if (dom)
  31. {
  32. chg = document.getElementById("chargement" ).style;
  33. }
  34. else if (iex)
  35. {
  36. chg = chargement.style;
  37. }
  38. largeur = screen.width;
  39. chg.left = Math.round((largeur/2)-200);
  40. chg.visibility = "visible";
  41. function Chargement()
  42. {
  43. chg.visibility = "hidden";
  44. }
  45. -->
  46. </script>


 
 
ça a l'air de faire à peu pres ce que je recherche... mais j'ai juste un prob avec ma CSS... mais là je vais poster dans un autre topic


---------------
Freed102
Reply

Marsh Posté le 30-08-2005 à 10:58:31    

J'ai testé ça :  
le but c'est de faire appel a une fonction JS window.onload, et de cacher le bloc qui s'affiche apprès le chargement de la page..
 
http://gatsu.ftp.free.fr/html/ChargementEncours.html
 
la page fait 1,3 mo histoire de bien voir quelle charge et qu'après la fin du chargement elle lance le code HTML correspondant.
 
Mais malheureusement ca ne fonctionne que sur le HTML et non sur les images et autres machin, donc que si la page HTML est chargée.
 
M'enfin ca ne sert à rien du tout ce que tu cherches à faire

Reply

Marsh Posté le 30-08-2005 à 11:03:08    

si ça sert parceque j'ai des elements javascript qui ne s'affichent que quand tout est chargé.. et c'est genant je trouve pour l'utilisateur lambda.. de plus la page a l'air figée tant qu'elle n'est pas completement chargée ! donc je prefere qu'un message soit affiché et que son contenu complet soit affiché d'un coup


---------------
Freed102
Reply

Marsh Posté le 30-08-2005 à 11:44:14    

l'utilisateur doit être habitué que la page soit chargée entièrement un point c'est tout. Sinon le mec il a qu'à rester devant sa TV et pas avoir internet. Ya des contraintes et c'est à l'utilisateur de vivre avec ses contraintes. Au fait c'est quoi tes éléments JS qui s'affichent on peut avoir l'exemple de ta page ???

Reply

Marsh Posté le 30-08-2005 à 12:38:51    

en fait j'utilise tinyMCE (editeur wysiwyg) et quand la page n'est pas totalement chargée.. on voit un champ textarea avec des balises html à l'interieur ... c ça qui me gène !


Message édité par freed102 le 30-08-2005 à 12:39:34

---------------
Freed102
Reply

Marsh Posté le 30-08-2005 à 13:33:02    

ben tu t'en branle bordel de merde.  
 
L'utilisateur attend et puis c'est tout, c'est pas la mort. J'attend que mon formulaire de reponse sous HFR s'affiche, ben ton user attend

Reply

Marsh Posté le 30-08-2005 à 13:36:59    

oui mais là je crois que tu sais pas à quel type de clientele je m'adresse !lol! j'ai déja entendu des trucs.. c'était flippant!


---------------
Freed102
Reply

Marsh Posté le 31-08-2005 à 09:29:29    

On les emmerde les clients, le chargement d'une page c'est le chargement d'un page. Evidemment si ton code HTML et JS est à chier et ta BP aussi est à chier ca arrange po les choses niveau poids.
 
reduit aussi la taille des images

Reply

Marsh Posté le 31-08-2005 à 09:29:29   

Reply

Marsh Posté le 31-08-2005 à 11:07:27    

ya tres peu d'images dans ma page.. tout est en XHTML et CSS... mais ya bcp de variables qui font que la page met du temps à se générer, je t'explique en gros tout ce que fait le serveur quand on clique sur le bouton "envoyer" :
1° il teste toutes le variables
2° il crée un fichier XML avec les variable grace à des fonction php DOM
3° il crée un PDF en fonction de ces variables
4° il crée un aperçu en JPG de ce PDF pour qu'il soit affichable sur n'importe quel navigateur (même sur mac)
5° accessoirement il calcule aussi diverses choses (prix, canonisation des données etc etc etc)
6° il affiche le tout avec en prime tinyMCE (editeur de texte wysiwyg)
 
... ça fait bcp pour une page web ! je sais ! Mais ça a le merite de fonctionner ! mais c un peu lent! l'idée est que le site fasse bcp de choses tout seul... et que le visiteur fasse le minimum de choses.
 
resultat : ma page doit contenir à tout casser 4 images dans la page... tout le reste c'est que du xhtml et css dont des champs de formulaire et quelques fonctions javascript


---------------
Freed102
Reply

Marsh Posté le 31-08-2005 à 11:19:23    

freed102 a écrit :


4° il crée un aperçu en JPG de ce PDF pour qu'il soit affichable sur n'importe quel navigateur (même sur mac)


 

Citation :

« PDF », qui signifie « Portable Document Format » (traduit littéralement par « format portable de documents »), [...],
 
Le format PDF est un format de fichier universel qui préserve les polices, les images, les objets graphiques et la mise en forme de tout document source, quelles que soient l'application et la plate-forme utilisées....


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 31-08-2005 à 11:31:11    

oui mais essayez donc d'integrer un PDF dans une page HTML... si vous y arrivez... faites moi signe ! j'ai tout essayé!


---------------
Freed102
Reply

Marsh Posté le 31-08-2005 à 13:35:44    

ben ca se fait pas, c'est tout, ou plutot tu fais appel au PDF via une Iframe (caymal je sais) mais ca peut servir

Reply

Marsh Posté le 31-08-2005 à 13:37:44    

c pareil ça marche pas sur mac et c'est pas valide XHTML


---------------
Freed102
Reply

Marsh Posté le 31-08-2005 à 18:43:23    

Essaye de mettre du son dans une image.
Essaye de mettre du jus d'orange dans de la lessive. C'est sur, ca sera super simple pour séparer les deux une fois chez soit.
 
Ben là, c'est pareil, t'envoie le contenu de deux fichiers en une fois alors que pour le serveur et le navigateur tout çça n'est qu'un seul et un même fichier. Ca a toutes les chances de marcher comme tu peux l'imaginer.

Reply

Marsh Posté le 31-08-2005 à 18:45:29    

et bien c pour cela que je crée un JPG du PDF... pour que ce soit visible partout !


---------------
Freed102
Reply

Marsh Posté le 31-08-2005 à 18:49:07    

que t'envoyer un mélange de texte et d'image ou de texte et d'images. C'est pareil pour le navigateur : deux médias différents tout mélangé.
Ey si tu veux dire que tu fais une image pour l'afficher à 'laide d'une balise <img>, je vois pas ce qui empéche de faire apreil avec des pdf. Il suffit de chercher sur le net comment ils font tous et de faire pareil.

Reply

Marsh Posté le 31-08-2005 à 18:51:01    

on peut pas integrer un pdf dans une page web... sur pc on peut avec la balise object j'ai reussi à faire quelquechose... sur mac c impossible le PDF s'ouvre toujours à l'exterieur de la page.. le plug in n'est pas du tout prevu pour ça !


---------------
Freed102
Reply

Marsh Posté le 31-08-2005 à 18:55:52    

sur pc aussi quand on installe acrobat reader, on peut le régler pour qu'il n'ouvre pas les fichiers dans le navigateur.
Au fait, c'est vraiment génant que ca s'ouvre en dehors? Le principal, c'est que ca s'ouvre il me semble. :) (et perso, ca m'emmerde quand un fichier word ou excel s'ouvre dans un navigateur)

Reply

Marsh Posté le 01-09-2005 à 13:40:12    

et bien justement... C'est pour ça que j'en crée un aperçu en JPG !!! si tu veux l'ouvrir .. tu cliques dessus !!!


---------------
Freed102
Reply

Marsh Posté le 27-01-2009 à 20:46:14    

Allor tout peut servir a quelque choses... j'entend beucoup dire que ca sert a rien ca et que ca fait du chargement en plus etc...
 
Mais moi ca m'aide beaucoup pour faire patienter le visiteur quand tu utilise certain script qui peuvent faire croire que la page ne ce charge plus.
 
Les bon coté:
1- le visiteur reste plus longtemps :)
2- Quand tu utilise des script qui prenne des info avec curl sur d'autre pages (comme les meta tag ou des liens...) la page peut etre trés trés lent a charger et meme defois tu croi que la page est charger entierement (partsqu'il n'y a plus le chargement et tu voi le disagne...) mais enfaite non j'ai un script pour le pagerank ou on peut voir les referent et la page est entierement charger allor que les referent apparaisse bien plus tard... et ca passe par curl  
 
donc avant de dir que ca sert a rien, dit toi que tout peut servir a quelleque chose...

Reply

Marsh Posté le 27-01-2009 à 20:46:38    

dsl pour les fautes ! :)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed