jquery-ui-tabs

How to get TabIndex for the current selected tab?

All, I have nested JQuery UI tabs. I want to implement a reloadTab functionality for a nested tab. Currently the following code has static fragments for nested tabs, but eventually they will have urls, so the tabs can behave as ajax tabs. How can I achieve the reloadTab functionality? <html> <head> <link type="text/css" rel="st...

jQuery Tabs causes problems in IE8?

I am using jQuery Tabs with jQuery 1.3.2 run locally. The tabs get created just fine, but IE tells me that the site is running content that could be a security risk (which is annoying, but maybe that's what always happens when IE sees any javascript...I wouldn't know because I don't use IE). Anyway, I have 3 tabs, and whenever the user g...

Jquery UI tabs - Custom "Loader" for AJAX tabs

All, I have the following code to generate Jquery UI tabs: <div id="tabs-loading-message" style="display:none">Loading, Please wait..</div> <div id="fragment-2"> <ul> <li><a href="/public/animalstab" title="Animals"><span>Animals</span></a></li> <li><a href="/public/birdstab" title="Birds"><span>Birds</span></a></li> ...

Jquery Tabs 1.8 ajax content > #history problem

Hey! I'm trying to load jQuery content in the same container (div#realContent) and it seems that when I use the a 'title' to enter the div ID (all links the same title) the history stop working. You can enter here http://home.d23.com.uy/fermata/ user: fermata pass: fermata , and see what I mean. Thanks ...

IE 7 + jquery 1.3.2 errors

I have the following code in my page. Sometimes the jquery is loading fine but sometimes i get an error: jQuery is undefined <script src="/javascripts/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="/javascripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script> <script type="text/javascript"> alert...

Cant get flexigrid to work in Jquery Tools Tab

Im fairly new to jquery and Im using jquery tools for tabs. I am wanting in one of the tabs to show flexigrid, but when I try to do this flexigrid does not show up, its just blank. If I setup flexigrid in a stand alone page outside the tab it works just fine. Below is the code that isnt working. Again Im new so please go easy! <ul c...

jQuery validate and tabs

Hi i am using jQuery validate for my form validation. The form is inside tabs.When i get an error i add an icon to the tab that error exist to be visual by the user So far so good. My problem is that after correct the error i can not remove the error in tab icon. I was assuming that validator is accessible via success but its not Ass...

JQuery Tabs UI - Menu rotation - OnMouseOver and OnMouseOut

Hi, I am currently working with a tab menu which cycles through automatically. Once I mouseover one of the tabs the "rotation" should stop on the selected tab and when I mouseout it should continue rotating from the selected tab item. $("#featured > ul").tabs({ event: 'mouseover', fx: { opaci...

Javascript Scroll Menu - MouseOver Selection not working correctly on first contact

Hi, I am currently working with a tab menu which cycles through automatically. Once I mouseover one of the tabs the "rotation" should stop on the selected tab and when I mouseout it should continue rotating from the selected tab item. $(document).ready(function() { $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", ...

Cufon not working with Jquery UI Tabs

Hi, I am using Jquery UI Tabs, and within some of the tabs there is some text with Cufon applied to it. Works fine in all browsers apart from IE. Example: http://78.136.1.18/taylor_houghton/account_management.aspx All works fine until you click on one of the 'tell me more' links then click back to the far left tab and the Cufonated te...

How to explode jquery tabs into the whole page

I have a page that looks something like this: +-------------------------------------------+ | | | +----------------------------+ +--------+ | | |main | |sidebar | | | | | |+------+| | | | | ||jquery|| | | | ...

How do I make JQuery append work in IE 7 and 8?

This is my code: $("#multimedia-tabs #"+response.currenttab+" #"+response.currenttab+"div").append(divHtml); Where divHtml has the html li tags It works fine in FF and chrome but not in IE7 and 8 :( Tried many alternatives available on this site but no joy! Please help $(document).ready(function() { $("#next").live('click', f...

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. ...

jQuery UI Tabs customization for many tabs

I'd like to implement a tab bar using jquery-ui-tabs that has been customised to work like it does on HootSuite. Try this on HootSuite to see what I mean: Log in to your hootsuite.com account Click the + symbol to the right of your tabs Add tabs named "MMMMMMMMMMMMMMMMM" until a "More..." tab appears You'll see this: HootSuite incl...

Calling a function defined in a content page loaded by jQuery tabs

Hi, I want to call a callback method that may or may not be implemented in pages being loaded as Ajax content by jQuery tabs. In other words, I have a set of jQuery tabs that load content rendered in JSP files. Some of these files have additional Ajax content in them, some don't. What I could do is: $(document).ready(function() { ...

JQuery UI tabs: How do I navigate directly to a tab from another page?

JQuery UI tabs are implemented by named anchors in an unordered list. When you hover over one of the tabs you can see this in the link shown at the foot of the browser: http://mysite/product/3/#orders Above would be the "orders" tab for example. JQuery obviously intercepts the click to this anchor and opens the tab instead. However ...

Cannot create a jsTree inside of a jQueryUI tab

I am not able to create a jsTree inside of a jQuery UI tab. If I create the jsTree outside of the tab, it works fine. Does anybody know if jsTree is incompatible with jQuery UI tab? My page is below. If I replace the following line var treeContainer = jQuery("#tabTree"); with: var treeContainer = jQuery("#pageTree"); Then the tree...

Height of JQuery UI Tab Content Panel

How can one get the height of the content area in a JQuery UI tabbed panel? $('.ui-tabs-panel').height() clearly returns the height of the content area + the height of the tabs. I am assuming there must be an easy way to get this dimension? So far my searching online is not turning that answer up. Any suggestions would be most appr...

JQuery UI Tabs - replace tab and contents

What is the best way to replace the currently selected tab and its contents? The content is dynamically generated with jquery, not loaded via a URL. I need to do this from outside of any tab code or tab event handler (show, add, etc.). There is a link elsewhere on the page that should do the following when clicked: Change the tab's ti...

Jquery Tabs help with onShow function

Hey all i am trying to figiure out why my code is not triggering the "onShow" function for the tabs. Here is my code: $(document).ready(function() { $('#tabMain > ul').tabs({ fx: {height: 'toggle'},onShow: function() {alert('onShow');} }); }) I never see the alert box pop up saying "onShow" so i do not know what ...