Fixed panelId for ui.tabs

[makeable]

It is beneficial to allow a fixed target panel for tabs when loading content via ajax. The attached patched utilises an additional option (panelId) to use as the target panel.

[makeable]

fixed panelId option

[makeable]

Usage:

$(function() {

$("#tabs").tabs({panelId: "panel_id"});

});

[Jörn Zaefferer]

Dunno what problem this is supposed to solve, a better description would help.

[makeable]

This will solve the case of having a dedicated panel that is in away from the tabs, and retain the usage of distinct title attributes:

<div id="tabs">
  <ul>
    <li><a href="link1.html" title="Go to Link 1"><span>Link 1</span></a></li>
    <li><a href="link2.html" title="Go to Link 2"><span>Link 2</span></a></li>
    <li><a href="link3.html" title="Go to Link 3"><span>Link 3</span></a></li>
    <li><a href="link4.html" title="Go to Link 4"><span>Link 4</span></a></li>
  </ul>
</div>

<div id="panel">Content should be loaded here.</div>

<script type="text/javascript">
$(function() {

$("#tabs").tabs({panelId: "panel"});

});
</script>

[Scott González]

This feature doesn't make sense in the context of tabs.

[zomar76]

Replying to scott.gonzalez:

This feature doesn't make sense in the context of tabs.

Hello

In AJAX context it has sense.

This would solve problem of displaying tip text from title attr.

I do not want to use title attr at all.

If i use title attr user will see e.g.: 'panel_123_id' when he mouseover over tab with text e.g: "List of ...."

[Scott González]

As of 1.9, tabs no longer uses the title attribute.