You are here: Foswiki>Tasks Web>Item10918 (31 Jan 2018, MichaelDaum)Edit Attach

Item10918: Improve javascript api to address individual tabs.

Priority: Enhancement
Current State: Closed
Released In: 2.1.3
Target Release: patch
Applies To: Extension
Component: JQueryPlugin
Branches: Release02x01 master Item14380 Item14537
Reported By: ArthurClemens
Waiting For:
Last Change By: MichaelDaum
To set the label of a tab dynamically (using ajax) (after having fetched the number of Facebook comments) I need to address that tab. It would be useful if the set id can be accessed.

I also would like to link to a tab directly, for instance: url/MyTopic#Comments

-- ArthurClemens - 26 Jun 2011

Use this:

%TAB{"First tab" id="tab1"}%
%TAB{"Second tab" id="tab2"}%

... and then http:...?tab=tab1 to select the named tab.

-- MichaelDaum - 27 Jun 2011

That doesn't solve the problem how to address the tab with javascript. Ideally I would do:
var $commentTab = $('#comment');
but now I have to resolve to
var $commentTab = $('li:eq(2)', $(this));
which is far less flexible.

-- ArthurClemens - 27 Jun 2011

True. Using %TAB{"comments" we've got the id as a class name in the tab container div but not in the navigation element.


var $commentTab = $tabpane.find(".jqTabGroup li[data="+$(".comment").attr('id')+"]:first");

-- MichaelDaum - 27 Jun 2011

This plugin has been rewritten to make it a proper TabPane class. Interaction with a tabpane can be scripted now along these lines:

var tabPane = $(".jqTabPane").data("tabPane"); // get the tabPane instance attached to the DOM node
tabPane.switchTab(".comments"); // switch to the tab given tab
tabPane.hideTab(".comments"); // hide the comments tab
tabPane.showTab(".comments"); // show the comments tab
tabPane.getNextTab(); // get the next tab after the currently selected one
tabPane.getNextTab(".comments"); // get the next tab following the comments tab

-- Main.MichaelDaum - 22 Nov 2016

Topic revision: r10 - 31 Jan 2018, MichaelDaum - This page was cached on 17 Feb 2018 - 17:43.

The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License