Hi Phil,
Looking at the source in ui.tabs.js, I think you have at least three
options here. In my version 1.7.2 all this happens as part of the
command on line 563.
this.xhr = $.ajax($.extend({}, o.ajaxOptions, { ...
Probably best is to use the jQuery-core dataFilter option. You can
set that by extending the Tabs' options.ajaxOptions object. This is a
pre-process step, so you'll be dealimg with the data before insertion
into the DOM. Note that Tabs doesn't appear to touch or require
dataFilter at all, so it's clear-sailing here.
The second option is to hook the options.ajaxOptions.success
callback. This object is referenced by the load event itself.
Another option: you can bind to the load() event. The trigger for
this is just two lines above the ajaxOptions.success() callback. So
this is essentially the same thing.
Either way, success and load are post-process events. When these are
called, your pane already contains the HTML from remote invocation.
So you'll be replacing the HTML that's already in the pane.
Other than reverting to jQuery core via dataFilter, I don't see an
obvious way in Tabs to pre-process the data *before* it goes into the
DOM. That may be a hole in the jQueryUI framework because this needs
to be a little more explicit.
I hope this helps.
**--** Steve
Instead of the .load(0 event, which appears Use the .show() event to
set the cookie with the index of the tab you're about to show. Then
upon page-refresh, or at the next visit prior to cookie expiry, you
can present that tab first.
**--** Steve
On Oct 23, 10:57 am, Phil Molloy <philipmarkmol...@googlemail.com>
wrote:
> Hi,
>
> I want to use tabs to pull in content from static HTML pages.
>
> The idea is that if the user has JS disabled then the tabs link
> directly to the static HTML file. This is the default behavior and is
> working great.
>
> However, if the user has JS enabled I want to pull in just a certain
> part of the page e.g. pull in just content under <div id="tabContent">
> and not the rest of the page (nav, header etc).
>
> I can do this with JQuery AJAX (http://docs.jquery.com/Ajax/load) but
> is there a way of integrating this with tabs?
>
> Any help will be much appreciated.
>
> Thanks,
> Phil
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
