jquery-ui-tabs

Empty jQuery UI Tabs

How can I empty (remove all tabs) a jQuery UI Tabs? EDIT: I'm not trying to remove the tab functionality, but to empty all tabs to add new ones. I'm trying with: for (var i = $('#content').tabs('length') - 1; i >= 0; i--) { $('#content').tabs('remove', i); } But tabs('length') always returns 0, even if there are some tabs added ...

[jQuery UI Tabs] Callback after ajax loading a tab

How can I apply some code to the content of an ajax loaded tab? I tried using $(document).ready inside the loaded content, but that prevented css styles from loading (don't know why). Is there a callback function? Should I use $(document).ready and styles inside the loaded document in some other way? If using $(document).ready inside t...

Using jquery tabs with my layout my tabs have a huge gap before they start

I currently have a 2 column site layout, with a footer/header, a fixed width left column which contains a menu, and a right hand column which takes the rest of the available space. My lefthand column contains a fold out menu, and it seems that when I have tabs in the right hand column, the text within the selected tab only begins after ...

how to custom theme jquery UI tabs (not using themeroller)...

i know that you can use themeroller to customize your UI theme but is it possible to do it by hand. if yes then is there any specific css that you have to follow. thank you ...

how to not execute a scriptlet code in a tab when using jquery ui tab plugin

I just came across jquery ui tabs plugin. Its a very nice implementation but what If current code is in place. <div id="tabs"> <ul> <li><a href="#tabs-1">tab1 </a></li> <li><a href="#tabs-2">tab2</a></li> </ul> <div id="tabs-1"><%System.out.println("test1");%></div> <div id="tabs-2"><%System.out.printl...

jQuery Tabs - Following External Links

I have jQuery Tabs setup, but am trying to get a Tab to follow an external link. I have tried to use the code from jQuery, but the URL still loads via Ajax instead of redirecting the browser to the url: http://jqueryui.com/demos/tabs/#...follow_a_tab.27s_URL_instead_of_loading_its_content_via_ajax Current code: $(function() { ...

Make Flash start only when div "appears" with IE / ui-tabs.js

Hi guys, I'm making a website using the jQuery UI Tabs plugin which is great. However, one of my "hidden" tabs contains an .swf. Firefox only plays this .swf when that tab has been "opened" - which again is great. IE however plays this .swf while it is hidden, so when the user clicks on the tab, they see no animation in IE as it has alr...

jQuery Tabs and Ajax - how do I setup the pages?

I've started using jQuery's UI Tabs, and they work great for the most part, but I've had some issues. When I switch back and forth between tabs, the functionality on some items is lost when I return to that tab. That led me to question whether or not I was structuring it all correctly. Google searches turned up nothing so I decided to...

Initialize content of a jQuery remote tab on initial page load

I'm using the jQuery tabs library to create a set of remote (i.e., ajax loaded) tabs. However, to avoid the initial page load being empty until the ajax request finishes, I'd like to include the content for the initial tab with the initial page download. I've got this generally working by providing a div in the initial page load that m...

In what ways is dhtmlxtabbar different from jQuery UI tabs?

Has anybody here tried using dhtmlxtabbar? I was wondering whether someone has already compared those two libraries and can give a good comparison on the ease of use, using it in combo with other JavaScript libraries, browser quirks, etc. One obvious difference is the licenses being used because dhtmlx has commercial and enterprise lice...

jquery tab gives 404 sometimes when loading remote content

I am using jquery tabs to load content from a remote file. I have about 30 links in tabbed navigation all loaded with the same script, but for some reason I get 404 errors on 3 or 4 of the links. Each time I reload the page, the links that don't work will change, so some links that didn't work previously will load properly and others t...

Relative links inside jquery tabs

see http://stackoverflow.com/questions/1331674/fix-broken-links-with-jquery I think this is just a chaining/find issue but if I have: tab1 - loads /rootdir/dir1/page1.htm with link "page1b.htm" tab2 - loads /rootdir/dir2/page2.htm with link "page2b.htm" and the page with the tabs on it is /rootdir/tabpage.htm" So since jquery loads al...

jQuery UI Tabs - Available fx options

I haven't been able to find any real documentation on this, so I'm wondering if anyone knows all of the available fx options for jQuery UI Tabs? The only ones I've seen so far are: opacity: "toggle"; height: "toggle"; A crossfade would be nice, though I don't think I've seen this done with jQuery UI Tabs yet. Also, I can't even fin...

Getting Target URL from jQuery-UI Tabs

I'm working on a project that makes heavy use of jQuery tabs and Ajax. Loading data into the tabs is simplicity itself, but the data in the tabs needs to be filtered by a select box that sits outside the tabs div. Here's where my problem starts. Let's say my tab makes an Ajax call to the URL "tab1.html." jQuery tabs changes this target...

Problems with Google Maps API v3 + jQuery UI Tabs

There are a number of problems, which seem to be fairly well-known, when using the Google Maps API to render a map within a jQuery UI tab. I've seen SO questions posted about similar issues (here and here, for example) but the solutions there only seem to work for v2 of the Maps API. Other references I checked out are here and here, alon...

JqueryUI Tab Linking from Another Page

I'm having some issues with jqueryui tabs and linking to certain tabs on another page. Basically, each page has tabs, and all are navigational via drop down at the top, with each 'tab' being available in the drop down. Currently I'm able to text-link, but only within the page I'm on, and I'm just lost on the getting it to work correc...

Having trouble deselecting all jquery tabs

I set up some jQuery tabs to start off with no tabs selected like this: $('#tabs').tabs( { selected: -1 } ); Then I also have a separate link that when pressed needs to deselect all the tabs. $("#deselectButton").click(function(){ $('#tabs').tabs( 'select' , -1 ) }); or $("#deselectButton").click(function(){ $('#tab...

JQuery Ajax Tabs + Keeping State

Hi there, i've been stuck on a problem and can't seem to find any help for it.. I've tried my own code, searched for tutorials on the matter but nothing seems to hit the mark.. I am currently using JQuery UI tabs for an application. Each tab click is actually loading its contents using Ajax. I now need to expand the functionality and k...

Jquery - Forms Plugin, Dynamic Tabs

Hi guys, I am using JQuery UI tabs. When i create a tab using the "$("#" + target).tabs('add', url, title);" method it opens a tab and calls an ajax form correctly.. Now the problem exists when i open an identical tab containing the identical form. When the form is submitted using the forms plugin, things mess up. I am presuming this...

Simple question about jquery ui tab: show callback

Hi, I have a very simple question (not simple for me). I want to run a javascript function on my page, but only when a tab is shown. Well I actually have two questions. I am not using ajax tabs, so would I put my javscript in the 'load' or 'show' callback, if I only want the code to run once the tab is shown. Depending on the answe...