my own $(document).ready()

Question

I have the following problem: I've got a website that can't have dependencies to javascript-files. I want to have the same function as $(document).ready() in jquery. How would that look like? Thanks.

that's abit tough to do in javascript, but an easier alternative is to use `window.onload` but they are not the samething. — KJYe.Name, Apr 01 '11 at 14:27
possible duplicate of [javascript:how to write $(document).ready like event without jquery](http://stackoverflow.com/questions/3989095/javascripthow-to-write-document-ready-like-event-without-jquery) and [document.ready equivalent without jquery](http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery) — Piskvor left the building, Apr 01 '11 at 15:14

gen_Eric · Accepted Answer · 2011-04-01T14:41:51.230

4

onLoad works, but it waits until all images and stuff are loaded. If you just want it to run when the DOM is ready, you can do this (found here):

// Create onDomReady event
window.onDomReady = function(f){
    if(document.addEventListener){
        document.addEventListener("DOMContentLoaded", f, false);
    }
    // For IE
    else{
        document.onreadystatechange = function(){
            if(document.readyState == "interactive"){
                f();
            }
        };
    }
};

// Attach a callback to onDomReady
window.onDomReady(function(){
    alert("The DOM is ready!");
});

edited Apr 01 '11 at 14:41

answered Apr 01 '11 at 14:28

gen_Eric

223,194
41
299
337

+1: I am amazed why you agreed in the comment that both are equal? – naveen Apr 01 '11 at 14:49
@yetanothercoder: I did, because while not exactly the same, maybe it's good enough for the OP. – gen_Eric Apr 01 '11 at 15:30

score 2 · Answer 2 · answered Apr 01 '11 at 14:30

You could just look at the jQuery source code. If you want a simple "emulation", just include/call your JavasScript as the last element of <body>

   <!-- ... start of your HTML document -- -->
   <script type="text/javascript">
      likeDocumentReady();
    </script>
  </body>
</html>

score 1 · Answer 3 · answered Apr 01 '11 at 14:31

1

Before jQuery onLoad was a common practice, a much detailed answer in this link where you can check for cross browser solution.

http://www.javascriptkit.com/dhtmltutors/domready.shtml

answered Apr 01 '11 at 14:31

Chohdry

11
2

score -1 · Answer 4 · answered Apr 01 '11 at 14:27

-1

I guess you're looking for the onload event. But yes123 is right, you should start accepting answers.

window.onload = function() {
    // yadda
}

answered Apr 01 '11 at 14:27

Bjorn

5,272
1
24
35

@whoughton: In the blue box under the question with the asker's name. – gen_Eric Apr 01 '11 at 14:30
@whoughton: Sure... April Fools! – gen_Eric Apr 01 '11 at 14:37
1

@Bjorn:-1 Wrong information. jQuery DOM Ready is not same as javascript window.load() http://docs.jquery.com/Tutorials:Introducing_$(document).ready() Is it really April fools? – naveen Apr 01 '11 at 14:42

my own $(document).ready()

4 Answers4