jquery-tabs

Ajax tabs in Web app

We have the application with tabs interface. Currently each tab is loaded as the separated page. And now we need to rework it in the way that tab content should be loaded via ajax. Unfortunately just load the content is with Ajax not enough. User should be able to add to bookmarks each tab. That is why the entire URL should change on t...

jQuery Tabs: How to disallow switching to a specific tab?

Hi, I am using jQuery Tabs. Some Tabs require user input. As soon as the user switches to an other tab these input values are validated. Now here is my question: How can I prevent showing any other tab as long as these input values are wrong? $("#tab").bind('tabsselect', function(){ if ( ... ) { alert ( 'Please fill...

Need currently selected tab ID for jquery tabs

I know I can get the index of the currently selected tab but can I somehow get to the ID (the equivalent of the ui.panel.id if this were triggered by an tab event...but it's not) of the currently selected tab? I'd prefer not to use the index because ordering of the tabs might change. I prefer not to use the style markups as those may c...

IE specific display error - jquery tabs

I'm using the Jquery tools tabs and all my tabs are working except for one specific page. It shows the tabs and the panes, except the last two panes show up below all of the tab panes - but only in IE (using 8) .. instructions to see the error: go here: http://racedayworld-com.si-eioswww3.com/event/list Login as: kevin.desilva@gma...

Implementing Back button functionality in asp.net

Hi friends, i need to implement a back button for my asp.net website.I am able to use the javascript method to acheive my requirement.But using this method sometimes I need to click on the back button multiple number times to go back to the previous page.It may be because we are using jquery tabs in our website.To focus on a particular ...

Accessible semantic jQuery tabs plugin

Hello, Just a quick question to see if anyone knows of any jquery tabs plugins that run based on a similar structure to: <div class="tabs"> <div> <h4>Tab one</h4> <p>Lorem Ipsum</p> </div> <div> <h4>Tab two</h4> <p>Lorem Ipsum</p> </div> </div> Where the plugin grabs the title of the t...

Retain jquery tab position after Post action in asp.net mvc

I have a page with jquery tabs in which the user can update their Profile, Password, General in each tab. When a user update the details in "General" tab, the post action will be called and it should retain the "General" tab back. It can be accessed directly by calling like http://localhost:8742/User/Settings/10#General. In the url 10...

IE6: select inside jQuery tabs does not render dropdown list

I have a form inside jQuery tabs; I create tabs in a simple way: $("#tabs").tabs({selected: 1}); The selected index 1 is the tab where form is placed. The problem is, on remote computer with IE6 both selects only display a small blank line instead of list with options when dropdown arrow is clicked: The options are there in page so...

jQuery Tabs - Test if loaded

I have a jQuery dialog that is displayed on postback load. The problem however is that the dialog appears before the selected tab is set behind it, so the wrong tab is shown until the dialog is closed.. Is there a way to test and wait until the tabs are finished setting up before invoking the dialog? ...

How to put a right aligned link in jQuery tabs?

I have three jQuery tabs on the left. I wish to put a "Sign Out" link on the right within the tabs header. How I can achieve that? ...

jquery tab displaying problems

how to get rid of the orange background image in the tabs??? EDIT i tried $('.ul').removeClass('ui-widget-header '); $('.li').removeClass('ui-widget-header '); $('div[id^=tab]').removeClass('ui-widget-header'); $('a').removeClass('ui-widget-header'); but no result! ...

Jquery inside Facebox

I have facebox setup and it works. when I load an external page with a tab based navigation (JQuery too) the modal works but the nav doesnt. If it isnt clear I actually want the tabs to be inside the lightbox. And I also have php/mysql running inside the lightbox if that can change anything. Thanks for any help. Edit=> Sorry about...

jquery ui tabs major style change

I am using jquery UI tabs and I need to majorly change the styling on it. I need to rempve the background image, the borders, almost everything. I need it to look minimal, and not like it's self contained. What's the best way to do this? I need to use the default UI styling for the calendar widget however, which is on the same page. ...

inner div invisible with jquery

I'm using JQuery tabs to implement a very simple tabbed web site design. It works OK, unless I define another div inside every pane's div - this inner div is always invisible, i.e. display:none. I can probably hack it to make it work, but maybe I'm missing something. Is it how JQuery supposed to work ? <div class="panes"> <div> This o...

Showing selected tabs differently with JQuery ajax tabs.

I had tabs with preloaded content like this: $(function () { $('div.tabs ul.tabNavigation a').click(function () { $('div.tabs ul.tabNavigation a').removeClass('selected'); $(this).addClass('selected'); return false; }).filter(':first').click(); }); This added class="selected" to links and css made sele...

Trouble with loading jquery onload.

Hi guys, I'm trying to build some jquery tabs based on the request (which is stored in a table). I have two pages sharing one .js file. One page is for the user to create the request, and the other is for the administrator to approve/deny the request. On the admin page, here is my javascript code: $(function() { GetReques...

show/hide a link if certain jquery ui tab is selected.

When #my-text-link is clicked, i need to select tab 5 and when tab 5 is selected i need to hide #my-text-link. hope this makes sense, heres the code, and also what I have done so far, please feel free to show me a better way. Thanks in advance var $tabs = $('.tabbed').tabs(); // first tab selected $('#my-text-link').click(fu...

jQuery tabs - multiple sets on on page

This is kind of a follow on from a previous question I posted but I've not been able to get it to work.. I'm trying to use multiple sets of tabs (jQuery) on one page. This is the code I had for one set of tabs which works great: $('div.tabs div.tab').hide(); $('div.tabs div:first').show(); $('div.tabs ul.htabs li:first a').addClass('c...

jquery advice on tabbed system

Hello There, I create a 'my account' section for a site, the site has some e-commerce functionality too it, what I wanting to create is a tab that shows the users current basket/short list and the other tab to show there purchase history. On buying the products from the short list (this is done in a one click system using AJAX, if a su...

Show/Hide button (text) for Accordion

Have an accordion with a "view" button to open close the accordion panel (using jQuery Tools), but I would like to have dynamic text that says "show/hide" depending on the state... Here is the code for the accordion in asp.NET <div id="accordion"> <% foreach (var eventModel in ViewModel) { %> <% var isNewMonth = eventModel...