Comments on: Taking advantage of DOM on ready and Event observers using Prototype.js http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/ Rich Internet Application development Fri, 13 Aug 2010 11:36:24 +0000 http://wordpress.org/?v=abc hourly 1 By: Michael Sharman http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-50114 Michael Sharman Mon, 12 May 2008 22:08:47 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-50114 @Patrov - Are you saying that once you load content (from an a href) using Ajax then Prototype can't "see" your links? If so then yes...this will happen because your main page hasn't registered this new content in the DOM. Typically what I do is add an Event.observe() in the actual content which is returned by Ajax. Hope that helps @Patrov – Are you saying that once you load content (from an a href) using Ajax then Prototype can’t “see” your links?

If so then yes…this will happen because your main page hasn’t registered this new content in the DOM.

Typically what I do is add an Event.observe() in the actual content which is returned by Ajax.

Hope that helps

]]> By: Patrov http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-50081 Patrov Mon, 12 May 2008 19:14:51 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-50081 Hi many thanks for this post. I hava a issue with the Event.observe(window, ‘load’, myFunction). I'm using two pages. The first one has a remote link to the second with contents my "event observers". The problem is after the loading of the second page my eventHandlers doesn't work anymore. It seems that prototype can't find the elements that are on my ajax page. (Sorry for my english) Merci d'avance pour votre aide. Thanks for your help. Hi many thanks for this post.
I hava a issue with the Event.observe(window, ‘load’, myFunction).
I’m using two pages.

The first one has a remote link to the second with contents my “event observers”. The problem is after the loading of the second page my eventHandlers doesn’t work anymore.
It seems that prototype can’t find the elements that are on my ajax page. (Sorry for my english)

Merci d’avance pour votre aide.
Thanks for your help.

]]> By: chapter31 » Blog Archive » Showing and hiding elements with CSS and JavaScript http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-43447 chapter31 » Blog Archive » Showing and hiding elements with CSS and JavaScript Fri, 28 Mar 2008 17:00:42 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-43447 [...] a while (it’s just that I wanted to know if there was a cleaner solution in this case) is the dom:loaded observer function which will run as soon as the Dom is loaded (and before all ‘assets’ are loaded so [...] [...] a while (it’s just that I wanted to know if there was a cleaner solution in this case) is the dom:loaded observer function which will run as soon as the Dom is loaded (and before all ‘assets’ are loaded so [...]

]]> By: Michael Sharman http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-35939 Michael Sharman Sat, 02 Feb 2008 04:58:08 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-35939 Ah my mistake on the Prototype side of things. I'm well aware of the difference with jQuery's document ready. After a quick search I found the correct syntax for the Prototype equivalent, either: document.observe('dom:loaded', function(){ }); Or use this to call a function with your 'initialisation' code: Event.observe(document, 'dom:loaded', init); function init() { //initialise code } Thanks for that, I've updated the post Ah my mistake on the Prototype side of things. I’m well aware of the difference with jQuery’s document ready.

After a quick search I found the correct syntax for the Prototype equivalent, either:

document.observe(‘dom:loaded’, function(){

});

Or use this to call a function with your ‘initialisation’ code:

Event.observe(document, ‘dom:loaded’, init);

function init()
{
//initialise code
}

Thanks for that, I’ve updated the post

]]> By: Dr J http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-35741 Dr J Thu, 31 Jan 2008 16:56:25 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-35741 the window.load event is not the same thing as jQuery's ready event. see the jQuery documentation for an explanation: http://docs.jquery.com/How_jQuery_Works the window.load event is not the same thing as jQuery’s ready event.

see the jQuery documentation for an explanation:

http://docs.jquery.com/How_jQuery_Works

]]> By: Anuj Gakhar http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-35043 Anuj Gakhar Fri, 25 Jan 2008 09:32:45 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-35043 Agreed Michael. Thats would be the ideal scenario. Let me know if you ever do that:) Agreed Michael. Thats would be the ideal scenario. Let me know if you ever do that:)

]]> By: Michael Sharman http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-34966 Michael Sharman Thu, 24 Jan 2008 20:30:40 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-34966 @Anuj Yeah I know what you mean, some of my old posts use another method and I have been too lazy to go and update the markup :( I really want to find a way where I can just use a class on a div and let the JS do it that way. Then my markup will be free of all this stuff and it'll make it easy to update! Hmm...that sounds like a project :) @Anuj

Yeah I know what you mean, some of my old posts use another method and I have been too lazy to go and update the markup :(

I really want to find a way where I can just use a class on a div and let the JS do it that way. Then my markup will be free of all this stuff and it’ll make it easy to update!

Hmm…that sounds like a project :)

]]> By: Anuj Gakhar http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-34942 Anuj Gakhar Thu, 24 Jan 2008 16:32:00 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-34942 Got it working :) http://www.anujgakhar.com/2008/01/23/different-ways-of-making-a-thread-sleep/ Its a pain to go and edit all my code to have to work with this though. Got it working :)

http://www.anujgakhar.com/2008/01/23/different-ways-of-making-a-thread-sleep/

Its a pain to go and edit all my code to have to work with this though.

]]> By: Michael Sharman http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-34924 Michael Sharman Thu, 24 Jan 2008 11:30:38 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-34924 Thanks Anuj :) Thanks Anuj :)

]]> By: Anuj Gakhar http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/comment-page-1/#comment-34913 Anuj Gakhar Thu, 24 Jan 2008 10:17:01 +0000 http://www.chapter31.com/2008/01/23/taking-advantage-of-dom-on-ready-and-event-observers-using-prototypejs/#comment-34913 Thanks Michael, I will try it out. Nice blog, by the way. Thanks Michael, I will try it out. Nice blog, by the way.

]]>