在Joomla html选项卡上默认代码,如何使用外部javascript更改活动标记

时间:2012-05-18 09:17:16

标签: javascript joomla tabs mootools

在我正在制作的joomla组件中,我正在使用joomla的默认选项卡功能。它使用mootools,就像一个魅力。

问题是我需要使用javascript(来自ajax调用)更改活动选项卡。

我准备了一个简单的例子: http://dianthos.net/test/tabs/tabs.html

我希望能够点击“点击此处”,然后更改活动标签。

限制:我无法修改html,也无法修改任何现有的javascript。 我必须在函数loadtab2()

中执行任何操作

我可以从那里引用它的任何想法吗?

由于

1 个答案:

答案 0 :(得分:1)

保存对Tabs实例的引用:

var tabsInstance; // up the scope.

// further down
tabsInstance = new JTabs(tabs, {
    useStorage: false,
    titleSelector: 'dt.tabs',
    descriptionSelector: 'dd.tabs'
});

// event handler
el.addEvent('click', function(e) {
    e.stop();
    tabsInstance.display(2);
});

按照此处提供的方法进行操作:http://dianthos.net/test/tabs/tabs.js

穷人的外部呼唤没有上述情况:

$$("dt.tabs")[1].fireEvent('click');