我有一个主HTML页面根据用户操作加载另一个HTML页面。问题是当我单击OK(提交)或取消另一个窗口打开时使用相同的HTML。如果我评论标签部分工作正常,但是我需要其他选项卡
这是我的HTML页面(包含标签),它们会加载用户操作 :
<script language="javascript" type="text/javascript">
function tabs(selectedtab) {
// contents
var s_tab_content = "tab_content_" + selectedtab;
//alert(s_tab_content);
var contents = document.getElementsByTagName("div");
for(var x=0; x<contents.length; x++) {
name = contents[x].getAttribute("name");
if (name == 'tab_content') {
if (contents[x].id == s_tab_content) {
contents[x].style.display = "block";
} else {
contents[x].style.display = "none";
}
}
}
}
</script>
<html>
<body>
<div id="tab1" name="tab" style="cursor: pointer; cursor: hand; width:90px;float: left;height: 22px ; margin-top: 0px;
background-color:lightgrey;font-size: 13px;text-align: center;border-bottom: none;display: table-cell;" onClick="tabs(1)">
<div style="margin-top: 3px" >Tab1</div>
</div>
<div id="tab2" name="tab" style="cursor: pointer; cursor: hand; width:90px;background-color:lightgrey;float: left;height: 20px; margin-top: 2px; font-size: 12px;text-align: center" onClick="tabs(2)">
<div style="margin-top: 3px">Tab2</div>
</div>
<div style="width:auto;height: 22px; border-bottom-color: white;border-bottom-style: solid;border-bottom-width: 1px"></div>
<div name="tab_content" id="tab_content_1" style="display: block; margin-left:20px;" >
<br></br>
<br></br>
<div id="legendReport">
XXXX:
</div>
<textarea id="r1" name="textArea1" rows="4" value="" cols="50"></textarea>
<br></br>
<br></br>
<div id="legendRough">
YYYY:
</div>
<textarea id="r2" name="textArea2" rows="4" cols="50"></textarea>
</div>
<div name="tab_content" id="tab_content_2" class="tab_content" style="display: none;margin-left:20px;">
<br></br>
<br></br>
<textarea id="r3" name="textArea3" rows="4" cols="50" ></textarea>
<br></br>
<br></br>
<textarea id="r4" name="textArea4" rows="4" cols="50"></textarea>
<br></br>
<br></br>
<br></br>
<br></br>
</div>
<div id="legendInfo"></div>
<div id="analysisPointDisplay"></div>
</body>
</html>