here's my suggestion:
instead of embedding the $(document).ready code in your pages, create
Javascript classes for each page that receive as an argument a container DIV
that after they make the AJAX call for the page they are responsible for, they
put their content into.
Then, when that's working, add a PRE-put-in-container and
POST-ajax-returns-successful function that gets called that does whatever the
$(document).ready function did.
Such as:
var ProgressiveForumExample = {
init: function ()
{
this.url = 'http://education.llnl.gov/jQuery/pages/progressive.lasso';
},
load: function(container)
{
this.container = container;
jQuery.extend(ajaxSettings,{url: this.url,success:this.modifyContent});
jQuery.ajax(ajaxSettings);
},
modifyContent: function (response,status)
{
container.html(response);
jQuery('#mydiv',container).do - your - thang....
}
};
----- Original Message ----
From: Shelane <[EMAIL PROTECTED]>
To: jQuery (English) <jquery-en@googlegroups.com>
Sent: Friday, April 27, 2007 8:31:22 AM
Subject: [jQuery] jQuery Examples pack
I was only introduced to jQuery at a Lasso Summit the beginning of
March and I have already been able to do so much with it. I have been
able to solve some long standing problems I had with user interface
elements requiring greater javascript and ajax manipulation that my
skills had previously limited.
So, I am now preparing to do a presentation of jQuery at our
developers IT Forum onsite. The presentation date hasn't been set
yet. I may be presenting to my internal group of about 10 developers
before I take the presentation to our department.
So along with the presentation, I'm doing a "concept" examples pack
just to show working examples of what jQuery can do that our
developers will be able to download. The ideas I have are to do a
progressive form with auto-populating select options, drag and drop,
dynamic update of content from of multiple types, panel collapsing,
and list reordering. I am also going to do an autocomplete example
with script.aculo.us (that so many of us here currently use) on a page
with jQuery to show the workability of jQuery with other libraries.
So far I only have one example complete although there are more to
come.
http://education.llnl.gov/jquery/ajax.html
This works great in FF. Comes to a dead halt currently in IE because
I have $(document).ready events that need to occur on the ajax loaded
page (progressive form is the example), but IE won't execute them. I
have posed the question on the list as far as how to work around this
problem, but I haven't heard anything. Any help on that issue will be
great because we have to support IE here too (of course).
Also, if anyone has other ideas for examples, I'd be glad to add to
this list. And I do give credit where credit is due! :-)
