文件名称:SpryTabbedPanels.js
一个来自Adobe Systems Incorporated的Js文件。现在做一个门户网站,美工做用SpryTabbedPanels.js和SpryTabbedPanels.css做了一个标签卡的东东。
跟网络上http://linuxyun.blog.sohu.com/56150314.html写法几乎分毫不差。
jsp页面中只有这么一句代码:<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
very cool!每次请求/刷新页面,总是显示第一个标签。只是我遇到一个问题,客户要求,可以显示指定的标签。譬如:画面初始化的时候显示第4个标签。
本人对JS几乎没有太多了解,仔细阅读了SpryTabbedPanels.js的代码,貌似有这么一段:Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex)
{
var tpIndex = -1;

if (typeof elementOrIndex == "number")
tpIndex = elementOrIndex;
else // Must be the element for the tab or content panel.
tpIndex = this.getTabIndex(elementOrIndex);

if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())
return; var tabs = this.getTabs();
var panels = this.getContentPanels(); var numTabbedPanels = Math.max(tabs.length, panels.length); for (var i = 0; i < numTabbedPanels; i++)
{
if (i != tpIndex)
{
if (tabs[i])
this.removeClassName(tabs[i], this.tabSelectedClass);
if (panels[i])
{
this.removeClassName(panels[i], this.panelVisibleClass);
panels[i].style.display = "none";
}
}
} this.addClassName(tabs[tpIndex], this.tabSelectedClass);
this.addClassName(panels[tpIndex], this.panelVisibleClass);
panels[tpIndex].style.display = "block"; this.currentTabIndex = tpIndex;
};
只是,不知道该怎么调用呢?请大家帮忙看看,这个调用方法能否实现显示指定的标签,以及jsp中如何调用?谢谢!