Comments on: DOMContentLoaded and Safari http://schinckel.net/2005/10/14/domcontentloaded-and-safari/ Like a fortune cookie, only without the fortune, and not a cookie. Sat, 30 Aug 2008 00:29:29 +0000 http://wordpress.org/?v=2.6 By: Tanny O'Haley http://schinckel.net/2005/10/14/domcontentloaded-and-safari/#comment-1187 Tanny O'Haley Wed, 10 May 2006 16:08:59 +0000 http://schinckel.blogsome.com/2005/10/14/domcontentloaded-and-safari/#comment-1187 You might want to try out my DOMContentLoaded event for browsers. I created a DOMContentLoaded event function array and a DOMContentLoadedInit function that processes the array. To run the DOMContentLoadedInit function I use the DOMContentLoaded event for Mozilla browsers, the defer script attribute that Dean Edwards found for IE and a scheduler function (with code from Brothercake and Simon Willison) in conjuction with onload for all other browsers. You can find this at <a href="http://tanny.ica.com/ica/tko/tkoblog.nsf/dx/domcontentloaded-event-for-browsers" rel="nofollow">DOMContentLoaded Event for Browsers</a>. You might want to try out my DOMContentLoaded event for browsers. I created a DOMContentLoaded event function array and a DOMContentLoadedInit function that processes the array. To run the DOMContentLoadedInit function I use the DOMContentLoaded event for Mozilla browsers, the defer script attribute that Dean Edwards found for IE and a scheduler function (with code from Brothercake and Simon Willison) in conjuction with onload for all other browsers. You can find this at DOMContentLoaded Event for Browsers.

]]> By: Matthew Schinckel http://schinckel.net/2005/10/14/domcontentloaded-and-safari/#comment-447 Matthew Schinckel Tue, 18 Oct 2005 14:51:53 +0000 http://schinckel.blogsome.com/2005/10/14/domcontentloaded-and-safari/#comment-447 Oh, and you'll need to modify CheckDOM so it looks for tags with the correct name as your last tag on your page. Oh, and you’ll need to modify CheckDOM so it looks for tags with the correct name as your last tag on your page.

]]> By: Matthew Schinckel http://schinckel.net/2005/10/14/domcontentloaded-and-safari/#comment-446 Matthew Schinckel Tue, 18 Oct 2005 14:48:31 +0000 http://schinckel.blogsome.com/2005/10/14/domcontentloaded-and-safari/#comment-446 Hmm. I did write a big comment to respond to this - it seems to have been eaten. I hope it's not my Catchpa code breaking! Anyway, include all of the startup code at the end of the document you want to autorun, and then have one function at the top (called Startup, unless you change the startup code), that calls all of the other functions/expressions you want to run. You may also find some info here about how to include external files - I can't recall if I've posted that or not. Hmm. I did write a big comment to respond to this - it seems to have been eaten. I hope it’s not my Catchpa code breaking!

Anyway, include all of the startup code at the end of the document you want to autorun, and then have one function at the top (called Startup, unless you change the startup code), that calls all of the other functions/expressions you want to run.

You may also find some info here about how to include external files - I can’t recall if I’ve posted that or not.

]]> By: Jo http://schinckel.net/2005/10/14/domcontentloaded-and-safari/#comment-445 Jo Tue, 18 Oct 2005 07:28:05 +0000 http://schinckel.blogsome.com/2005/10/14/domcontentloaded-and-safari/#comment-445 Maybe you could sort this out for me (since being a novice to scripting) When having lots of images on a page, as I do, I rather would like to load first any scripts before these s load. My confusion is that I use different ways to load a Js script first method - inline script: <code>onload = functionName;</code> second method - external script <code> // helper function to avoid overwriting any // window.onload events function addLoadEvent(func){if(document.getElementById&&document.createTextNode){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload();func();}}}} // my functions to be loaded addLoadEvent(FirstFunction); addLoadEvent(SecondFunction); addLoadEvent(thirdFunction);</code> Have any idea how to link eg your method or Dean's method to my situation? Maybe you could sort this out for me (since being a novice to scripting)

When having lots of images on a page, as I do, I rather would like to load first any scripts before these s load.

My confusion is that I use different ways to load a Js script

first method - inline script:

onload = functionName;

second method - external script


// helper function to avoid overwriting any
// window.onload events
function addLoadEvent(func){if(document.getElementById&&document.createTextNode){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload();func();}}}}

// my functions to be loaded
addLoadEvent(FirstFunction);
addLoadEvent(SecondFunction);
addLoadEvent(thirdFunction);

Have any idea how to link eg your method or Dean’s method to my situation?

]]> By: Matthew Schinckel http://schinckel.net/2005/10/14/domcontentloaded-and-safari/#comment-436 Matthew Schinckel Sun, 16 Oct 2005 03:58:08 +0000 http://schinckel.blogsome.com/2005/10/14/domcontentloaded-and-safari/#comment-436 Thanks Jo, I did find this page: I found that this (general) solution was a bit overkill - and not working well. The problem was with the <code>SetInterval()</code> call not being able to be stopped, by <code>ClearInterval()</code>, from a function called by the <code>SetInterval()</code> call itself. Thus my script was being run time and time again, and eating up a heap of CPU time. A repeated call to <code>SetTimeout()</code> rather than <code>SetInterval()</code> was what I ended up using, as it will not do this. Thanks Jo, I did find this page: I found that this (general) solution was a bit overkill - and not working well.

The problem was with the SetInterval() call not being able to be stopped, by ClearInterval(), from a function called by the SetInterval() call itself.

Thus my script was being run time and time again, and eating up a heap of CPU time. A repeated call to SetTimeout() rather than SetInterval() was what I ended up using, as it will not do this.

]]> By: Jo http://schinckel.net/2005/10/14/domcontentloaded-and-safari/#comment-411 Jo Sat, 15 Oct 2005 19:39:39 +0000 http://schinckel.blogsome.com/2005/10/14/domcontentloaded-and-safari/#comment-411 <blockquote>If this maybe a useful link to this article … On this page http://www.brothercake.com/site/resources/scripts/domready/ you have a script that use a time-out to check if any DOM script is ready for execution. I found that when using IE WIN (5 and up) and tested a DOM script locally it actually removed the error mesage (JS console) that the element retrieved with the method document.getElementById was undefined.</blockquote>

If this maybe a useful link to this article …
On this page http://www.brothercake.com/site/resources/scripts/domready/ you have a script that use a time-out to check if any DOM script is ready for execution. I found that when using IE WIN (5 and up) and tested a DOM script locally it actually removed the error mesage (JS console) that the element retrieved with the method document.getElementById was undefined.

]]>