Alex Rivera | Logout

How to hook the DOM loaded event?

Asked 2009-02-24T16:24:41.983
9

Can someone point me in the direction to hook the DOM loaded event?

Basically, i want to display a loader while the dom is loading (I dont mean Ajax requests- the first time a user hits a page) ?

Thanks all in advance

html dom load
Edit
Report

1 Answer

10

All of the popular Javascript libraries have a "DOM loaded" event you can use for this.

Essentially:

<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>
answered 2009-02-24T16:27:56.763

Your Answer