Menu
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
582
If you're not using a framework, use the DOMContentLoaded event:
document.addEventListener('DOMContentLoaded', function() {
// ...
})
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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
