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 :

Chargement JS asynchrone


Sujet :

JavaScript

  1. #1
    Invité
    Invité(e)
    Par défaut Chargement JS asynchrone
    Bonjour

    j'aimerai savoir s'il serait possible de charger du javascript sur une page web sans que cela bloque le chargement de la page elle même => asynchrone ^^

    car si le script js met du temps à s'affiche, là ca bloque la page, or j'aimerai bien que la page continue de s'afficher pendant que le JS se charge.

  2. #2
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut Idée
    Salut,

    Rien ne t'empêche de mettre une balise script à la fin de ton code HTML.

    Sinon tu peux charger un script quand tu veux (donc en asynchrone, par exemple via un window.setTimeout):

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    var element = document.createElement("script");
    element.type = "text/javascript";
    element.src = url; //l'url de ton fichier js
    element.id = id;
    element.charset = "utf-8"; //ou autre selon l'encodage de ton fichier js
    doc.getElementsByTagName("head")[0].appendChild(element);
    ERE

  3. #3
    Invité
    Invité(e)
    Par défaut
    ok merci,

    pour le setTimeOut j'avais peur que ca soit du synchrone...*
    et je peux pas vraiment mettre à la fin car il y'a de l'affichage qui doit se faire en haut...

  4. #4
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Heureusement que setTimeout rend la main sinon on aurait des pages web bloquées en permanence...

    ERE

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    ça dépend un peu du genre de traitement que tu veux faire en asynchrone ....

    Mais il y a des cas où il faut bien laisser le temps à JS de faire ce qu'il a à faire : si c'est long, ça bloque l'écran.
    Dans ce cas tu peux décomposer le traitement en plusieurs phase pour rendre la main (débloquer l'écran de temps en temps), mais ça n'empêchera pas que l'utilisateur doive attendre que tout soit terminé ...

    A+

Discussions similaires

  1. Chargement images asynchrones dans une ListView
    Par toufou dans le forum Composants graphiques
    Réponses: 3
    Dernier message: 07/02/2013, 22h52
  2. Chargement d'images asynchrone
    Par Invité dans le forum PyQt
    Réponses: 9
    Dernier message: 28/09/2011, 13h40
  3. Jquery Mobile: chargement asynchrone
    Par Soull dans le forum jQuery
    Réponses: 0
    Dernier message: 13/04/2011, 15h57
  4. Chargement asynchrone d'images d'une liste.
    Par Cuillere dans le forum Android
    Réponses: 2
    Dernier message: 23/07/2010, 15h25
  5. Chargement Asynchrone d'image dans une liste
    Par Invité dans le forum Android
    Réponses: 4
    Dernier message: 10/05/2010, 16h48

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