Domcontentloaded , $(document).ready

Soyez le premier à donner votre avis sur cette source.

Snippet vu 5 846 fois - Téléchargée 16 fois

Contenu du snippet

petite fonction cross-browser permettant l'évenement DOMContentLoaded .
Cette événement ressemble au load de windows (window.onload) , met contrairement à ce dernier, l'appel du callback se fait sans attendre le chargement des images et feuilles de styles, pour des gros site avec plusieurs secondes d'attente au chargement, cette fonction est très intéressante ...

note : cette fonction n'est pas de moi, enfin je l'ai juste adapté... elle est présente dans la plupart des librairies, mais pour celui qui en utilise pas, et bien la voilà !!!

Source / Exemple :


function $ready(handler){
   if (document.addEventListener) {
      if (navigator.userAgent.indexOf('AppleWebKit/') > -1 || window.opera){
         var timer = window.setInterval(function() {
            if (/loaded|complete/.test(document.readyState)){
                window.clearInterval(timer);
                handler();
            }
          }, 30);
      }else document.addEventListener('DOMContentLoaded', handler, false);
   }else{
      var tempNode = document.createElement('document:ready');
      (function(){
        try {  
          if(document.readyState != 'complete') 
            return setTimeout(arguments.callee, 30); 
          tempNode.doScroll('left'); 
          tempNode = null;
          handler(); 
        }catch (e){ 
          setTimeout(arguments.callee, 30); 
        }   
      })()
   }
}

/*
  maintenant vous n'avez plus qu'a faire dans le head de votre doc:
  $ready(function(){
     ...
  });

  • /

A voir également

Ajouter un commentaire Commentaires
Messages postés
17
Date d'inscription
mercredi 16 juillet 2003
Statut
Membre
Dernière intervention
22 août 2009

Ok, merci beaucoup pour ta réponse. Je pense par ailleurs que je dois pourvoir utiliser ce code pour permutter la visibilité d'un calque, ce qui devrais faire la blague. En attendant , bon retour de ouacances.
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

salut akiko, dsl de répondre que maintenant, j'étais en vacance !!
j'ai pas bien compris tas question, mais tu peux utiliser un window.onload , qui lui attend la fin du chargement des images...
le problème de cette fonction, c'est que si on connais pas les dimensions des images et qu'on en a besoin on peux pas l'utiliser, mais bon c'est surtout vrai dans des diapo ect ...

bye
Messages postés
17
Date d'inscription
mercredi 16 juillet 2003
Statut
Membre
Dernière intervention
22 août 2009

Bonjour et merci pour cette function très utile.

Cependant je me demande comment utilisé ce script pour créer un délayage des chargements / préchargement d'images dans une page quand le DOM est prêt ?
Messages postés
1
Date d'inscription
lundi 13 avril 2009
Statut
Membre
Dernière intervention
10 mai 2009

je besoin a des script pour fait des annotation et des commentaire sur mon site d'enseignement a destant
par exemple soulignement surlignement gras italique .....cte
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

bien dit xtremduke !!
Afficher les 22 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.