javascript目录树中的连接页面如何在iframe框架中显示
help.html页面中包含目录树代码和iframe框架,我想实现当点击目录树的连接时,相应的连接页面显示在iframe框架中。目录树的javascript代码:<scr...
help.html页面中包含目录树代码和iframe框架,我想实现当点击目录树的连接时,相应的连接页面显示在iframe框架中。
目录树的javascript代码:
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'目 录');
d.add(1,0,'运行环境','admin/outline_0.htm','con');
d.add(2,0,'Node 2','admin/outline_1.htm','con');
d.add(3,1,'硬件环境','admin/outline_2.htm','con');
d.add(4,0,'Node 3','example01.html','con');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','../../img/Tree/img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','../../img/Tree/img/trash.gif');
document.write(d);
//-->
</script>
其中还调用了一个名称是:dtree.js 脚本来控制它的图片显示和隐藏
iframe代码:
<iframe src="admin/outline_0.htm" frameborder="0" style="width:100%; height:500px;" id="con" name="con" scrolling="auto"></iframe>
目录树如图所示,点击后在右侧iframe框架中显示详细页面,就像windows的帮助页那样 展开
目录树的javascript代码:
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'目 录');
d.add(1,0,'运行环境','admin/outline_0.htm','con');
d.add(2,0,'Node 2','admin/outline_1.htm','con');
d.add(3,1,'硬件环境','admin/outline_2.htm','con');
d.add(4,0,'Node 3','example01.html','con');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','../../img/Tree/img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','../../img/Tree/img/trash.gif');
document.write(d);
//-->
</script>
其中还调用了一个名称是:dtree.js 脚本来控制它的图片显示和隐藏
iframe代码:
<iframe src="admin/outline_0.htm" frameborder="0" style="width:100%; height:500px;" id="con" name="con" scrolling="auto"></iframe>
目录树如图所示,点击后在右侧iframe框架中显示详细页面,就像windows的帮助页那样 展开
1个回答
展开全部
add(id,pid,name,url,title,target,icon,iconOpen,open);
1 id int 节点自身的id(唯一)
2 pid int 节点的父节点id
3 name string 节点显示在页面上的名称
4 url string 节点的链接地址
5 title string 鼠标放在节点上显示的提示信息
6 target string 节点链接所打开的目标frame
7 icon string 节点关闭状态时显示的图标
8 iconOpen string 节点打开状态时显示的图标
9 open bool 节点第一次加载是否打开
你这个改第六个参数就行了
1 id int 节点自身的id(唯一)
2 pid int 节点的父节点id
3 name string 节点显示在页面上的名称
4 url string 节点的链接地址
5 title string 鼠标放在节点上显示的提示信息
6 target string 节点链接所打开的目标frame
7 icon string 节点关闭状态时显示的图标
8 iconOpen string 节点打开状态时显示的图标
9 open bool 节点第一次加载是否打开
你这个改第六个参数就行了
更多追问追答
追问
http://destroydrop.com/javascripts/tree/dtree.zip
你先下载这个代码,然后在example01.html
这个文件的代码中加入
要求点击目录树的菜单项时,相应的页面显示在iframe 中
追答
d.add(2,0,'Node 2','http://www.baidu.com','提示信息','Tab');
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询