我有以下两个表和一个脚本,其中包含一个函数includePage()
。id=1的表包含一个菜单,而id2的表为空。它只包含一个单元格。
现在我希望当用户点击id=1的表的菜单中的第一个选项时,dummypage1.html可以出现在id=2的表中。类似地,当点击id=1的表的菜单中的第二个选项时,dummypage2.html可以出现在id=2的表中。
**我如何确切地告诉浏览器在脚本的帮助下,包括表中的页面具有id=2?**请帮助。
<table id="1">
<tr>
<td id="choice1" onclick="loadPage()">Initialize Session</td></tr>
<td id="choice2" onclick="loadPage()">Sessions Information</td></tr>
</tr>
</table>
<table id="2">
</table>
<script language="javascript">
function loadPage(){
//if (document.getElementById('choice1')
// {
// <iframe src="sessionInformationTable.html" width="727px" height="416px"></iframe>
// }
}
</script>
4条答案
按热度按时间e5nszbig1#
您可以在loadPage函数上传递参数
或
然后在javascript上:
bzzcjhmw2#
如果您确定遵循以下方法
单击表1--〉行1--〉显示--〉表A中的Page1.html
单击表1--〉行2--〉显示--〉表B中的Page2.html
当年龄增加时,这种设计导致更多的表。
最好用这种风格。
单击表1--〉行1--〉显示--〉表A中的Page1.html
单击表1--〉行2--〉显示--〉表A中的Page2.html
问题是在TABLE-A中放置一个IFRAME,当单击ROW 1或ROW 2或ROW-n时,将页面目标设置为该IFRAME。
mfpqipee3#
另一种方法是进行 AJAX 调用以请求内容,并将其放置在表中,设置innerHTML属性。
对于 AJAX 调用,您可以使用各种库,我个人推荐jquery和dojotoolkit。
ukxgm1gy4#
使用jQuery:
...