欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

manually access spry layout panel generated from Dreamweaver

程序员文章站 2022-05-06 12:29:29
...

打开Dreamweaver,依次选择“插入”-->“布局对象”-->“Spry选项卡式面板”。将会自动生成下面的代码:

......

<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">标签 1</li>
    <li class="TabbedPanelsTab" tabindex="0">标签 2</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">内容 1</div>
    <div class="TabbedPanelsContent">内容 2</div>
  </div>
</div>
<script type="text/javascript">

 

//如果想手动设置显示哪个选项卡(索引从0开始)以及满足某些条件时候disabled指定选项卡,可以参考下面代码:

 

var tabbedPanels = new Spry.Widget.TabbedPanels("TabbedPanels1");

var tabbedPanelsFlag= '${tabbedPanelsFlag}';

if(tabbedPanelsFlag==1){

tabbedPanels .showPanel(1);

}

var copy = '${actionBean.params.copy}';

if(copy=="copy"){

//$(MasterTabbedPanels.getTabs()[1]).click(function(){//not IE

//MasterTabbedPanels.showPanel(0);

$(".submitMaster").attr("style","display:none;");

$(tabbedPanels .getTabs()[1]).attr("disabled","disabled");//IE

//});

}

 

 

如果在选项卡中的页面想访问iframe中的元素,可以参考下面代码:

/*JSP中iframe代码片段:

 

<iframe src="demo.action?detail=&conditionParams.id=${sessionScope.IdForIframe }"  id="RefIframeId" name="RefIframeId" width="103%" marginwidth="0" marginheight="0" height="950px" frameborder="0" scrolling="yes"></iframe>

*/  

var verificationResultTabbedPanels = new Spry.Widget.TabbedPanels("verificationResultTabbedPanels");

$(function(){

$(verificationResultTabbedPanels.getTabs()[1]).bind("click",function(){

var $iframeObj = $(window.frames["RefIframeId"].document);

  var clearItems = ["#menu","#welcome","#title",".buttonBarDiv",".midBtnDiv","#useCancel"];

    $.each(clearItems,function(index,data){

    $iframeObj.find(data).html("");

    });

});

})


</script>