OK i've been playing around, and come with the following code, which
is executed without a binded event, as the link would be retrieved via
ajax, therefore I cannot see how I can bind an event to the link.
EG:
<a href="#"
onclick="$.ui.tabs.prototype.innerload('someurl.html');">Load Content</
a>
And here is the innerload function:
innerload: function(url) {
a = '.ui-tabs-selected';
position = $(a + " a").attr("href");
$span = $('span', a);
t = $span.html();
url += '/ajax';
// load message
$span.html('<em>' + 'loading..' + '</em>');
var finish = function() {
$span.html(t);
};
$('.ui-tabs-selected').addClass('ui-tabs-loading');
setTimeout(function() { // timeout is again required in IE,
"wait" for id being restored
$(position).load(url, function(){finish();});
}, 0);
}
I do not know how to access certain attributes from the tabs class,
mainly the options.
If i knew how to retrieve the options of the current initialiated tabs
class, this function would be a lot cleaner, and I would be able to
manage content through the $.ajax method, and I would be able to use
to set class names etc etc.
This is a very rough example of what I am trying to achieve, does
anyone know of a better way to achieve this?
Regards
Richard