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 !! --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
