jquery-ui-tabs

Nested jQuery tabs

Hi I'm new to jQuery (a couple of weeks). I'm trying to nest the jQueryUI tab control. It works fine until the nested tabs are in an external file then I get an exception thrown in the jQuery source. This seems to be a timing issue to a certain extent, because if I place alert boxes in the .ready function of the nested tabs it works. Ca...

Icon on ui tabs (validate)

I am trying to add an icon on ui tabs when validate fails. Which method should i use (option is my guess). Can anyone help me. Thanks ...

programmatically add/delete ui tabs

Hi to all, i use jquery ui tabs and i have a button for add tabs that works fine. When add the delete functionallity i lost it, because when delete a tabs changes the id of tabs. Here is the thing. Lets say that i have 4 tabs the tab id are (0,1,2,3). When delete the tab id 1 i have 3 tabs with tab id (0,1,2). To delete i use a js fu...

Reloading Content of Ajax Tab

I'm completely puzzled, I make an ajax call inside a Jquery UI Tab, after that I want to refresh the content of the tab, the function that should be doing it is: function reloadTab(){ var $tabs = $('#tabs').tabs(); var selected = $tabs.tabs('option', 'selected'); $tabs.tabs('load', selected); return false; } Incredible but true it do...

Passing selected option in URl to Jquery UI tabs

Is there a way that i can link to a page containing a jquery ui tab set and pass the selected variable in the url link to automatically show a particular tab depending in which link was clicked to reach the page? ...

JQuery UI Tabs - Spinner Background Image

All, I am using JQuery UI tabs. When a tab is clicked, I want the tab to show the tab title along with a spinner animated gif next to it. When the tab is loaded, the image should hide. How can I achieve this? Thanks ...

Avoid flickering on mousever using jQueryUI tabs rotation

I have 3 tabs that I am rotating using the following: var $rotate = $('#rotate'); $rotate.tabs({fx: {opacity: "toggle", duration: "fast"},event:'mouseover'}) .tabs('rotate', 4000); The problem is that when I mouse over all of the links fast, the tabs animation hiccups, revealing the hidden images which just sit there on top of each ...

Preload JQuery UI tabs in the background

All, How can I preload all JQuery UI tabs while the first tab is still loading? I have tried the remote:true option, but it didnt work? There should be ajax spinners next to each tab name while the tabs are loading. Thanks ...

dynamically set width of ul based on combined width of li tags

I'm trying to create a horizontal tab menu. how can i get the combined width of all the li tags and assign the width to the parent UL using jquery? thanks in advance! ...

JQuery UI Tabs - "Loading..." message

All, I am using Jquery UI nested tabs. I was just wondering if there is any way to display an AJAX Spinner image next to the tab text, while the tab is loading. I do not want to change the tab text to "Loading..". Consider that when multiple tabs are loading at the same time or one after the other, the spinner image should be displayed ...

JQuery Tab - Make Selected tab clickable..

Hello, I basically need the current selected tab to remain clickable (meaning the link should still be active). The content in the tab is loaded through ajax and can change, so the way the person can "refresh" the content it by clicking the tab again. But the default settings make the tab not clickable once it's selected, which makes t...

Reload iframe in another jquery tab

I have jquery tabs, in which one tab has an iframe and the other has some settings for the content in the iframe. When i update any content in second tab, how can i make it to reflect in the iframe of first tab.? ...

jQuery ui tabs anchoring, how to prevent it?

Hi, I've built a tab navigation, but everytime if i try to access the a certain div using the url with the hash #, it would then anchor to the section, is there anyway to prevent it from auto-anchoring? This is happening in FF and IE but not Safari. My code looks like this. JS: $("#header").tabs({ fx: { opacity: 'toggle' } }); HTML:...

jQuery tabs: Transition happens after mouseover

Hi, I am using this code: $(document).ready(function() { $("#tabs").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 'slow' } }) }); which works fine if I have either the FX or the mouseover, but if I combine the two, the tab content shows, and THEN fades in. Any i...

What am I doing wrong with JQueryUI's tabs feature?

I feel really silly for asking this, but what am I doing wrong with http://www.wcarsucks.com? I followed their example exactly, no dice. ...

Cufon in jquery tabs bugs

i use cufon for font replacement and i found a strange bug. http://i253.photobucket.com/albums/hh76/benhanks040888/bug.jpg my code is <ul id="menu_list"> <li><a href="#yogurt"><span>yogurt</span></a></li> <li><a href="#toppings"><span>toppings</span></a></li> <li><a href="#icedtea"><span>iced tea</span></a></li...

jquery tab load with dynamic href's

I'm not sure if this has already been answered, but here goes I have 4 tabs, two of which I load through controller calls; the remainder I'd like to vary the hrefs of and load automatically/on demand. My problem is that even assigning a fixed href like "www.google.com" is not doing the job of displaying the remote page; and the two tab...

How do I collapse a tab on an link click?

I have been searching around and can't seem to find anything on this. What I have right now is this... collapsible =true $('#close1').click(function() { // bind click event to link $tabs.tabs('select', 1); return false; }); but it doesn't work I don't see anything about a toggle method. Any help appreciated. Derek ...

How to "edit in place" jQuery UI tab name?

I would like to be able to change the title of each of my tabs using Jeditable. It almost works, except that the tabs end up stuck in the wrong state (always hilited) and clicking the editable doesn't also select the tab it's part of. Thanks in advance for any help! <script type="text/javascript"> $(document).ready(function() { ...

Why does jquery ui ajax loaded tabs interfere with other ui methods?

I am trying to use jquerys ajax loaded tabs, along with other ui plugins such as accordion and dialog box. Everything will load fine via $(document).ready function, but if I try to use any of the methods after initial loading, the methods fail. But if I take out the snippet that loads the tabs, they work. So I think the problem is how...