jquery-ui-tabs

jQuery tabs selecting specific tab

I have a page containing a set of jQuery tabs. All the tabs point at the same target div, but load it with different content via ajax. When I perform the initial full page load I need to set the active tab differently depending upon various factors. The content in the target div is already set on the server for this initial load, so I...

Jquery UI Tabs Floating Divs in tab panel

I am having trouble trying to get a jquery ui tab panel's height to grow with floating divs within the panel. the divs have specific data returning to these divs and I need them to float left and right to save ui real estate. Does anyone know how i can fix this? ...

jquery-ui tabs with fadeIn?

I have a small JQuery Tabs widget in a sidebar that fades in when the page loads, discreetly calling attention to itself and the interesting content behind the tabs. To build on this effect it might be nice if the individual tabs could fade in one after the other. Can this be done, and if so, how? ...

why does the text under the jquery tabs change position in IE?

Take a look at this sample, on IE6 or IE7: http://ovesh.limon100.com/quicksample2/sample.html When "tab 3" is clicked, the text under the tabs jumps a little towards the top. It looks like an annoying IE fieldset-related quirk, but I haven't been able to pin it down any further. Any suggested fixes would be greatly appreciated. ...

Why parrents tabsshow-event triggerd by childtab?

I have a tab (called firsttab) with in his content another tab (called childtab). We bind the tabshow-event to the firsttab. if we click to one of the tabs in "firsttab" all work fine (Tab 1 - Tab 5) if we click to one of the "childtab" tabs (Tab 1.1 - Tab 1.3) the tabshow-event who are bind to the "firsttab" is triggerd. Testcase: ht...

How to make JQuery UI work in a partial?

I am a COMPLETE beginner at JQuery (and javascript in general) but I'm having a go at this. Simple setup: Layout contains view, which contains simple JQuery tabs just like http://jqueryui.com/demos/tabs/default.html. I have the following haml in layout head: %head = javascript_include_tag "jquery", "ui/jquery.ui.core", "ui/jquery.ui...

Jquery UI Tabs add class

Below is my HTML set up for the tabs which all works fine, i want to extend it a bit by changing the class of the outer containing div (id=tab-wrap class=bike) to whatever tab is showing. The idea is to change the background image based on the tab. <div id="tab-wrap" class="bike"> <div id="batter-finder"> <h1>B...

JQGrid loading disables(grays out) JQuery UI tab

Hi, Hi I am currently using JQGrid inside a JQuery UI Tab. My problem is that when I call the render JQGrid it disables(Grayed out with diagonal stripes). <script type="text/javascript"> $(document).ready(function () { $("#divTimePeriod").tabs(); jQuery("#listTimePeriod").jqGrid({ url: '/TimePeriod/GetT...

Google Map iframe in jquery-ui tabs changes view.

So, i've included a simple google map in a Jquery UI tab - but when the tab is opened, the map is centered in the wrong place (not too far off, but too much to be acceptable). Whith the tabs-functinality turned off there is no such problem. Ii this a known problem? SHould I be using the google maps API instead of including an iframe? E...

event on tab deselect in jquery ui tabs

Hi I m using jquery ui tabs 1.8.1 I want to bind an event or a script to run when a tab gets deselected and any other tab is selected for eg. if i have four tabs and tab four is selected when i select tab 1 or tab 2 then a event should run such that i can stop any timers running in tab 4 Another question related is if i m running an...

jquery ui tab appending content when reloaded

Hi, I have a jquery ui tab that gets loaded via ajax and remote page: <div id="tabs" style="width:1200px" class="ui-tabs"> <ul> <li><a href="/bugs/loadTab1">View</a></li> <li><a href="#tabs-2">Add Bug/Request</a></li> </ul>... <script type="text/javascript"> jQuery(function($) { $('#tabs').tabs({ ...

Why are some jQuery UI operations unsuccessful on disembodied DOM elements?

I tried creating a disembodied DOM element with jQuery (I avoid ever touching the DOM directly w/o going through jQuery, so I do treat their wrapped sets and the DOM elements underneath somewhat equivalently) and applying .tabs() to it, and only later adding the element into the DOM. The tabs kind of worked and kind of didn't. It seemed ...

Javascript only working in Firebug

I am using jQuery UI to build tabs on my page. That works well until I add this following piece of code. $(function () { $('#tabs').children("div").each(function (index) { $('#tabs').tabs('load', index); }); }); I'm trying to preload the tabs. What is interesting, is that if i run this through Firebug and put a breakpo...

menubar's sliding effect and tabs not appear

dear all... I want when pointing from one menu to another menu, the menu looked like a sliding board. i can show that after downloaded at apycom.com, beside that, i have a jquery-ui tabs in input.php. the problem comes after i have included that menubar. menubar's sliding effect not show and also the tabs.. why it happens? ...

jQuery UI Tabs - Rounded Tab Corners in IE

I'm trying to switch from AjaxControlToolkit to jQuery UI tabs for a fairly simple tab element. I'm 99% there with CSS and theming, but I'm running into a wall attempting to get rounded corners on the tabs in IE. jQuery UI provides the styles needed for rounded tabs in better browsers, but it might be a deal-breaker if we can't get the...

jQuery UI Tabs Minimal Styling

In my application, I have so far avoided needing to load any jQuery stylesheets at all, but the UI-tabs plugin seems to need some CSS to work at all. OK, fine, but the examples have you loading ALL the UI styles and, perhaps more important, the tab styling totally ruins my own look and feel. Is there any place to learn how I can provid...

how to hide a <div> part from tabs

dear all.. i have some <div id="hideclass"> in jquery tabs. i want it can hidden or not appear. i want it can appear after i have click some button. how do i do that? ...

jQuery tabs, use like menu, load page when click on link

Hello, I have added jQuery tabs to my upcomming site. So far no problem. But I want - when clicking on a tab - that it should do and behave as a regular link. Exampel 1: Look at this link http://jqueryui.com/demos/tabs/default.html. When clicking on the options: Nunc tincidunt Proin dolor Aenean lacinia It loads the content from ...

jquery ui tabs need to empty the prev tab when we move to next tab

hi , i jus made a script to empty the prev selected tab its working fine when we switch from 1 to 2 to 3. but bad luck its not working when we switch frm 3 to 2 to 1.here is the script var prevTab = 0; jQuery("#tabs").tabs({ fx: { opacity: "toggle" }, cache: false, show: function(event, ui) { alert(prevTab); var prevTab = ui....

Jquery UI - reload selected tab?

Is there a way to reload the selected tab I know there is the .load() function. But it wants a tab index and I don't seem to see a way to grab the selected tabs id. ...