Comment raccorder les DOM chargés de l'événement?

Quelqu'un peut-il m'indiquer la direction à crochet les DOM chargés de l'événement?

Fondamentalement, je veux afficher un loader alors que le dom est en cours de chargement (je ne veux pas dire les requêtes Ajax - la première fois qu'un utilisateur accède à une page) ?

Merci à tous par avance

OriginalL'auteur Orry | 2009-02-24

  1. 10

    Tous les formats de bibliothèques Javascript ont un "DOM chargé" de l'événement que vous pouvez utiliser pour cela.

    Essentiellement:

    <html>
<head>
    <script>
    //if using jQuery
    $(document).ready(function() { $('#loading').hide(); });
    //if using Prototype
    document.observe("dom:loaded", function() { $('loading').hide(); });
    </script>
</head>
<body>
    <div id="loading">Loading...</div>
    <!-- rest of page -->
</body>
</html>

    OriginalL'auteur Paolo Bergantino

  2. 29

    Si vous n'êtes pas à l'aide d'un framework, utilisez l'événement DOMContentLoaded:

    document.addEventListener('DOMContentLoaded', function() {
  //...
})
    Super! Mozilla a une belle doc à ce sujet: developer.mozilla.org/en/DOM/DOM_event_reference/...

    OriginalL'auteur Elliot Winkler

  3. 0

    Juste pour fournir une alternative à jQuery, YUI Événement offre une onDomReady() la fonction de ce but. Voici l'exemple de leur site:

     <script type="text/javascript">

 function init() {
    YAHOO.util.Dom.setStyle("hidden_element", "visibility", "");
 }
 YAHOO.util.Event.onDOMReady(init);

 </script>

    OriginalL'auteur Daniel Lew