📄 treeview.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" src="MzTreeView10.js"></script>
<script>
//创建popup窗口
var oPopup = window.createPopup();
var oDocument = oPopup.document;
var oBody = oPopup.document.body;
var oPopMenu = {
event : [],
imgUrl : [],
text : [],
add : function(e, iu, t){
this.event[this.event.length] = e;
this.imgUrl[this.imgUrl.length] = iu;
this.text[this.text.length] = t;
},
build : function(){
var oPopBodyHTML = "";
for(var i=0; i<this.text.length; i++){
oPopBodyHTML += "<td class=MenuMouseOut onmouseover=this.className='MenuMouseOver' onmouseout=this.className='MenuMouseOut' onclick=\""+this.event[i]
+"\"><img src=\""+this.imgUrl[i]+"\" align=left> "+this.text[i]+" </td></tr>";
}
return oPopBodyHTML;
}
}
oBody.style.backgroundColor = "buttonface";
oBody.style.borderTop = "1px buttonhighlight solid";
oBody.style.borderLeft = "1px buttonhighlight solid";
oBody.style.borderRight = "2px buttonshadow solid";
oBody.style.borderBottom = "2px buttonshadow solid";
oBody.style.padding = "1px";
function showPop(id){
var bodyHTML = oPopMenu.build();
var HTML = "<body oncontextmenu='return false'><style>"+
".MenuMouseOver{background-color:highlight;color: highlighttext;cursor: default;font-size:12px;line-height:20px;vertical-align:middle;padding-left:2px;}"+
".MenuMouseOut{background-color:buttonface;color:buttontext;cursor:default;font-size:12px;line-height:20px;vertical-align:middle;padding-left:2px;}"+
".btn{background-color:buttonface;cursor:default;height:1px;}"+
"</style>";
HTML += "<table onselectstart='return false' ondragstart='return false' oncontextmenu='return false' cellpadding=0 cellspacing=0 border=0 align=left>"+
"<tr><td rowspan=3 bgcolor=#336699> </td>";
HTML += bodyHTML;
HTML += "</table></body>";
HTML = HTML.replace(/id/g, id);
oBody.innerHTML = HTML;
var obj = event.srcElement;
var iX = event.clientX;
var iY = event.clientY;
var iPopBodyHeight = oPopMenu.text.length * 20 + 4;
oPopup.show(iX, iY, 115, iPopBodyHeight, document.body);
}
oPopMenu.add("parent.doDiagEdit(id, 'edit')", "edit.gif", "修改名称");
oPopMenu.add("parent.doDiagEdit(id, 'new')", "insert.gif", "新增下级");
oPopMenu.add("parent.doDiagEdit(id, 'drop')", "delete.gif", "删除本级");
function doDiagEdit(id, method){
var arg = new Object();
arg.id = id;
arg.method = method;
var win = window.showModalDialog("modify.htm", arg, "dialogHeight:200px;dialogWidth:330px;scroll:no");
}
</script>
</head>
<body>
<div id=tv oncontextmenu="return false" style=font-size:12px></div>
<script>
window.tree = new MzTreeView("tree");
tree.setIconPath("");
tree.wordLine = false;
tree.nodes["-1_1"] = "text:web编辑;rtClick:showPop(1);url:#;";
tree.nodes["1_100"] = "text:代码示例;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(100)";
tree.nodes["1_200"] = "text:梅花雪脚本控件集;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(200)";
tree.nodes["1_310"] = "text:CSS;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(310)";
tree.nodes["1_320"] = "text:DHTML;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(320)";
tree.nodes["1_300"] = "text:HTML;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(300)";
tree.nodes["1_400"] = "text:JavaScript;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(400)";
tree.nodes["320_322"] = "text:属性;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(322)";
tree.nodes["320_323"] = "text:方法;ctrl:false;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(323)";
tree.nodes["320_324"] = "text:事件;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(324)";
tree.nodes["320_325"] = "text:集合;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(325)";
tree.nodes["400_407"] = "text:对象;ctrl:false;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(407)";
tree.nodes["400_406"] = "text:方法;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(406)";
tree.nodes["400_408"] = "text:运算符;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(408)";
tree.nodes["400_409"] = "text:属性;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(409)";
tree.nodes["407_1140"] = "text:Date;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(140)";
tree.nodes["406_1127"] = "text:toString;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(127)";
tree.nodes["408_1239"] = "text:||;ctrl:true;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(239)";
tree.nodes["409_1163"] = "text:E;ctrl:false;ctrlName:pc;ctrlClick:true;url:#;rtClick:showPop(163)";
tv.innerHTML = tree.toString();
tree.expandAll();
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -