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

jQuery Discussion :

Barre de chargement de page.


Sujet :

jQuery

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 14
    Par défaut Barre de chargement de page.
    Bonjour, je souhaite créer une barre de chargement de mes pages, mais en pourcentage.
    J'ai réussi à afficher un gif de chargement puis le caché une fois la dom complète mais je voudrais cette fois si une bare de 0 a 100%.
    Je ne vois pas trop comment procédé, il faut calculer le temps de téléchargement de la page ??
    merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 660
    Billets dans le blog
    1
    Par défaut
    Merci de faire un minimum de recherches.. sujet encore sur la première page ...
    http://www.developpez.net/forums/d13...e-progression/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 14
    Par défaut
    Oui comment faire une barre de progression en % j'en est trouvé 30 des sujets
    mais ce que je veux savoir c'est comment au préalable savoir le temps de chargement ou tester l'avancement du chargement de la page je sais pas moi !!

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 660
    Billets dans le blog
    1
    Par défaut
    tu ne peux pas ... sauf a mettre des lignes de scripts sur chaque ligne avec un incrément ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    comment au préalable savoir le temps de chargement ou tester l'avancement du chargement de la page
    Le jour où tu pourras le faire, tu seras aussi capable de connaitre les numéros du loto de demain !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 14
    Par défaut
    Non vous ne pouvez pas me dire que ce n'est pas possible, déjà hier vous m'avez dit la même chose pour un espace membre sans rechargement de page en javascript que j'ai réussi a développer aujourd'hui...

    Je reprend l'exemple de mega :
    https://mega.co.nz/
    il le font très bien eux ... bref je vais me débrouiller autrement.
    Merci quand même

  7. #7
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par MiKzZ Voir le message
    Non vous ne pouvez pas me dire que ce n'est pas possible
    Franchement les gars, puisqu'il est impossible que ce ne soit pas possible, soyez pas vaches (désolé Bovino, rien de personnel), donnez lui la solution !
    Aucune bonne volonté de nos jours...

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Au pire, tu peux faire un truc plus qu'approximatif : tu comptes le nombre de ressources externes de ta page (scripts, feuilles de styles, images, que sais-je...), tu leur ajoute un événement onload et à chaque callback, tu mets à jour une barre de progression... Mais c'est vraiment pour amuser la galerie...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 660
    Billets dans le blog
    1
    Par défaut
    Pour faire un pourcentage il faut pouvoir quantifier une proportion téléchargé par rapport à une proportion générale.
    Il est facile de connaitre la quantité totale à charger.
    Mais si tu trouves un moyen en javascript de connaitre la quantité téléchargée à un instant donné ... C'est là ou le bas blesse et prru cette raison que l'on te dit que ce n'est pas possible ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    209
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 209
    Par défaut
    Citation Envoyé par MiKzZ Voir le message
    Je reprend l'exemple de mega :
    https://mega.co.nz/
    il le font très bien eux ... bref je vais me débrouiller autrement.
    Merci quand même
    En même temps, on ne sais pas si c'est vraiment utile leur barre de progression... Parce que faire une barre de progression, c'est facile... Mais faire qu'elle corresponde à quelque chose, c'est plus compliqué.

    Soit tu compte les elements que tu dois télécharger, et à chaque élément, tu incrémente ta barre, soit tu fais du flash, et il existe des solutions, soit tu fais un truc qui correspond à rien, mais tu t'en fou, 99% des gens qui souhaite acceder à ton site sont en haut débit, et une barre de téléchargement de 5 seconde suffit...

    Perso je pencherais pour un comptage des elements telechargés depuis un loader chargé par la page index, vu qu'il y en a plus de 100 fichiers dependant à charger...

    Citation Envoyé par MiKzZ Voir le message
    un espace membre sans rechargement de page en javascript que j'ai réussi a développer aujourd'hui...
    Sécurisé ? Par ce que google, yahoo et consort font recharger la page eux...

Discussions similaires

  1. Chargement d'une page : Afficher une barre de chargement
    Par JBNCRAV dans le forum Balisage (X)HTML et validation W3C
    Réponses: 18
    Dernier message: 28/11/2007, 09h07
  2. Réponses: 1
    Dernier message: 19/01/2007, 20h15
  3. [FLASH MX2004] Barre de chargement
    Par stanley dans le forum Flash
    Réponses: 1
    Dernier message: 17/10/2005, 08h35
  4. Réponses: 6
    Dernier message: 05/05/2005, 23h47
  5. Chargement de page trop long
    Par t_o_7_ dans le forum ASP
    Réponses: 2
    Dernier message: 19/09/2003, 18h58

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