再问梅花树的页的链接或导航的使用?
我的网页上面只有一个DIV(用于显示树)与一个IFRAME(用来显示树结点链接的页),请大侠们指点我,让点击节点打开的页显示在IFRAME1的区域中,或者点击节点时能执行某个函数也行如test()
以下是HTML代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN " >
<HTML>
<HEAD>
<title> 梅花雪中文网 - WEB版块管理界面 </title>
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "GENERATOR ">
<meta content= "C# " name= "CODE_LANGUAGE ">
<meta content= "JavaScript " name= "vs_defaultClientScript ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<script language= "JavaScript " src= "MzTreeView10/MzTreeView10.js "> </script>
<style type= "text/css "> BODY { FONT-SIZE: 12px; FONT-FAMILY: 宋体 }
TD { FONT-SIZE: 12px; FONT-FAMILY: 宋体 }
A:link { PADDING-LEFT: 3px; FONT-SIZE: 13px; COLOR: #800080; TEXT-DECORATION: none }
A:visited { PADDING-LEFT: 3px; FONT-SIZE: 13px; COLOR: #800080; TEXT-DECORATION: none }
A:active { PADDING-LEFT: 3px; FONT-SIZE: 13px; COLOR: #800080; TEXT-DECORATION: none }
A:hover { PADDING-LEFT: 3px; FONT-SIZE: 13px; COLOR: #800080; TEXT-DECORATION: none }
</style>
<SCRIPT LANGUAGE= "JavaScript ">
function getQuery(name)
{
var reg = new RegExp( "(^|&) "+ name + "=([^&]*)(&|$) ");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
function getObjectById(id)
{
if (typeof(id) != "string " || id == " ") return null;
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(id);
try {return eval(id);} catch(e){ return null;}
}
</SCRIPT>
</HEAD>
<body MS_POSITIONING= "GridLayout ">
<form id= "Form1 " method= "post " runat= "server ">
<div id= "treeviewarea " style= "LEFT: 2px; WIDTH: 178px; POSITION: absolute; TOP: 48px; HEIGHT: 528px; BACKGROUND-COLOR: #d3b800 "> </div>
<IFRAME id= "IFRAME1 " style= "BORDER-RIGHT: lightslategray; BORDER-TOP: lightslategray; Z-INDEX: 101; LEFT: 200px; BORDER-LEFT: lightslategray; WIDTH: 792px; BORDER-BOTTOM: lightslategray; POSITION: absolute; TOP: 48px; HEIGHT: 512px; BACKGROUND-COLOR: #669900 "
runat= "server ">
</IFRAME>
<SCRIPT LANGUAGE= "JavaScript ">
var tree = new MzTreeView( "tree ");
tree.setIconPath( "MzTreeView10/ ");
tree.nodes[ '0_1 '] = 'text:功能列表 ';
tree.nodes[ '1_2 '] = 'text:节点2文本; ';
tree.nodes[ '1_3 '] = 'text:节点3文本; ';
tree.nodes[ '1_4 '] = 'text:节点4文本; ';
tree.nodes[ '1_5 '] = 'text:节点5文本;url:1.htm; ';
tree.nodes[ '1_6 '] = 'text:节点6文本;url:1.htm;target:window.Form1.IFRAME1 ';
tree.nodes[ '1_7 '] = 'text:节点7文本;url:#;method:nodeClick(7); ';
tree.nodes[ '2_8 '] = 'text:节点8文本;url:1.htm; ';
tree.nodes[ '2_9 '] = 'text:节点9文本;url:1.htm; ';
tree.nodes[ '2_10 '] = 'text:节点10文本;url:1.htm; ';
tree.nodes[ '3_11 '] = 'text:节点11文本;method:test(); ';
tree.nodes[ '3_12 '] = 'text:节点12文本;url:second.htm; ';
tree.nodes[ '3_13 '] = 'text:节点13文本;url:second.htm; ';
tree.nodes[ '3_14 '] = 'text:节点14文本;url:second.htm; ';
tree.nodes[ '4_15 '] = 'text:节点15文本;url:second.htm; ';
tree.nodes[ '4_16 '] = 'text:节点16文本;url:second.htm; ';
tree.nodes[ '4_17 '] = 'text:节点17文本;url:second.htm; ';
tree.nodes[ '4_18 '] = 'text:节点18文本;url:second.htm; ';
document.getElementById( 'treeviewarea ').innerHTML = tree.toString();
tree.Url = "_self ";
tree.target=window.Form1.IFRAME1;
if(typeof(Function.prototype.apply)!= "function ")
{
Function.prototype.apply = function(obj, argu)
{
var s;
if(obj){obj.constructor.prototype._caller=this;
s = "obj._caller ";
}
else s = "this ";
var a=[];
for(var i=0; i <argu.length; i++)
a[i] = "argu[ "+ i + "] "; return eval(s + "( "+ a.join( ", ") + "); ");
};
Function.prototype.call = function(obj)
{var a=[]; for(var i=1; i <arguments.length; i++) a[i-1]=arguments[i]; return this.apply(obj, a);};
}
tree.buildNode = function(id)
{
var d = new Date().getTime();
MzTreeView.prototype.buildNode.call(this, id);
}
tree.expandAll = function()
{
var d = new Date().getTime();
MzTreeView.prototype.expandAll.call(this);
}
tree.test = function()
{
alert( "this is a test! ");
}
tree.nodeClick = function(id)
{
alert( "this is a test! ");
}
</SCRIPT>
</form>
</body>
</HTML>
[解决办法]
不是asp.net问题,可以到 html/css 论坛问问。