an idea,
you could load the tabs content on the ready without depend of tab
functionality...
just
$(document).ready(function(){
$('#tab1-body').load('url1');
$('#tab2-body').load('url2');
})
this will load the tab much early than the user move mouse on the tab...
On Tue, Sep 16, 2008 at 4:09 AM, Vivek <[EMAIL PROTECTED]> wrote:
>
> Well, see i am trying to achieve the upper most tabs in the middle
> used on http://in.yahoo.com/. By using firebug you will see when we
> put our mouse over an closed tab it fetches the data for that closed
> tab and when we click on that closed tab it opens up the tab. So it
> really makes the visible loading time a lot shorter for the users.
>
> Thanks
> Vivek
>
> On Sep 16, 1:30 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
>> Hm, if you use the mouseover event you don't need all of this anyway.
>> If you mouse over a tab it becomes selected and it's content is ging
>> to be loaded automatically.
>>
>> --Klaus
>>
>> On Sep 15, 11:00 pm, Vivek <[EMAIL PROTECTED]> wrote:
>>
>> > Thanks Klaus ,
>>
>> > This is what i was looking for However, it is giving a bit problem. We
>> > are using mouseover event. When we keep our mouse over the tab it
>> > keep loading that tab again and again. For demo purposes you can see
>> > at this url http://www.healthfellow.com/tabs/tabs-demo.html You can
>> > see the repetitions of ajax through Firebug.
>>
>> > i tried to bind jquery's mouseenter events however that is also not
>> > working. Also can we show that loading text in the DIV where the ajax
>> > content will load instead in the tab ?
>>
>> > Thanks for all of you help Klaus.
>>
>> > Thanks
>> > VN
>>
>> > On Sep 15, 2:17 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
>>
>> > > You have the mouseover event and the load method, that's all you need:
>>
>> > > var $tabs = $('#example').tabs({ cache: true });
>> > > $('a', $tabs).mouseover(function() {
>> > > $tabs.tabs('load', $('a', $tabs).index(this));
>>
>> > > });
>>
>> > > I set the cache option to true, because otherwise the Ajax content
>> > > would be loaded when clicking a tab again, which doesn't make much
>> > > sense here I guess.
>>
>> > > --Klaus
>>
>> > > On Sep 14, 6:31 pm, Vivek <[EMAIL PROTECTED]> wrote:
>>
>> > > > Hi all,
>>
>> > > > I am relatively new to the jquery UI. I want to use jquery UI Tabs by
>> > > > klaus. I want to combine ajax tabs with custom tabs in this way :-
>>
>> > > > I have 4 tabs tab1, tab2, tab3 and tab4 all of these will be ajax
>> > > > tabs will get their content from other Urls. What i want is suppose
>> > > > tab1 is showing, when an user take mouse over to other tab say tab3
>> > > > it loads the content of it However will not show the tab. When the
>> > > > User clicks on the tab3 then it should show the content of the tab.
>>
>> > > > How can i achieve this.
>>
>> > > > Please suggest.
>>
>> > > > Thanks !!
>
> >
>
--
Perhaps the depth of love can be calibrated by the number of different
selves that are actively involved in a given relationship.
Carl Sagan (Contact)
Jaime Ochoa Malagón
Arquitecto de Soluciones
Cel: +52 (55) 1021 0774
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
