alano999

document.addEventListener("DOMContentLoaded", DomIsLoaded, false);
//readystate :: loading --> interactive (document.DOMContentLoaded) --> complete (window.load) 
if (document.readyState === "complete" || document.readyState === "interactive") {
    document.removeEventListener("DOMContentLoaded", DomIsLoaded);
    DomIsLoaded();
}

// usage----------------->
function DomIsLoaded() {
    // do stuff once DOM has loaded

alano999

window.addEventListener("load", WindowIsLoaded, false);
//readystate :: loading --> interactive (document.DOMContentLoaded) --> complete (window.load) 
if (document.readyState === "complete") {
    window.removeEventListener("load", WindowIsLoaded);
    WindowIsLoaded();
}

// usage----------------->
function WindowIsLoaded() {
    // do stuff once document has fully loaded and processed

alano999

MULTIPLE SEQUENTIAL ASYNCHRONOUS OPERATIONS IN JQUERY

Multiple asynchronous jQuery operations such as .ajax() and animations can be sequenced (chained) using the accompanying patterns which make use of jQuery Deferred techniques rather than the less extensible and non-ideal recursive call techniques.

There are three usage patterns, each implemented herein and tested using the supplied data for .ajax() transactions...

1. Sequential in series using pre-defined data;
2. Sequential in series, feeding each request using the response from previous request;
3. Parallel request using pre-defined data, where responses are sequenced.