📄 materialclassselectedtree.htm

📁 大型黄页系统,精美黄页flash演示,10m
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>已选择的材料类别</title>
<script>  
var CurrentNode = null;
var iconLeaf = "<span class='clsLeaf'>.</span>";
var iconExpand = "<span class='clsExpand'>-</span>";
var iconCollapse = "<span class='clsCollapse'>+</span>";
function Expand(obj)
{
	var div = null;
	var img = obj;
	if(obj.tagName != 'SPAN' || obj.className!='clsSpace')
		return (false);
	obj = obj.parentElement;
	var childRen=obj.children;
	for (var i=0;i < childRen.length;i++)
	{
		if(childRen[i].tagName == 'DIV'){
			div = childRen[i];
			break;
		}
	}
	if(div == null)
		return (false);
	if(obj.Expanded.toLowerCase()=='true')
	{
		if(img!=null) img.innerHTML = iconCollapse;
		obj.Expanded='false';
		div.className='hide';
	}
	else
	{
		if(img!=null) img.innerHTML = iconExpand;
		obj.Expanded='true';
		div.className='shown'
	}
}
function MouseOver(obj)
{
	obj.className = "clsMouseOver";
}
function MouseOut(obj)
{
	if(!obj.Checked)
		obj.className = "clsLabel";
	else
		obj.className = "clsCurrentHasFocus";
}
function MouseDown(obj)
{
	obj.className = "clsMouseDown";
}
function MouseUp(obj)
{
	MouseOut(obj);
}
function Click(obj)
{
	if(!obj.Checked)
	{
		if(CurrentNode != null)
		{
			CurrentNode.Checked = false;
			MouseOut(CurrentNode);
		}
		obj.Checked = true;
		CurrentNode = obj;
	}
	else
		obj.Checked = false;

	MouseOut(obj);
}
</script>  
<script defer>
var strXSLSrc = "tree.xsl"; 
var strXMLSrc = "tree.xml";

objXSLDoc = new ActiveXObject("Microsoft.XMLDOM");
objXSLDoc.async = false;
objXSLDoc.load( strXSLSrc );

function LoadTree(treeDoc)
{
	var sHtml = "";
    if (treeDoc.xml != "")
    {
        sHtml = treeDoc.transformNode( objXSLDoc );
    } 
	document.body.innerHTML = (sHtml);
}

function Init()
{
	var objXMLDoc = new ActiveXObject("Microsoft.XMLDOM");
	objXMLDoc.async = false;
	objXMLDoc.load( strXMLSrc );
	LoadTree(objXMLDoc);
}
//Init();
</script>

<style>
BODY
{
	cursor:default;
	font-size:9pt;
	background-color:#F1F1F1;
}
span
{
	padding:2px 3px;
	position:relative;
	display:inline; 
	top:-2px;
	height:17px;
	border: solid 1px #f1f1f1;
}
span.clsLabel
{

}
SPAN.clsSpace
{
	font-family:verdana;
	position:relative;
	padding:3px 2px;
	top:0px;
	width:17px;
	margin:0px;
	cursor:hand;
	overflow:hidden;
}

span.clsSpace span
{
	position:relative;
	width:11px;
	height:11px;
	border:solid 1px black;
	background-color:#ffffff;
}

SPAN.clsCollapse
{
	line-height:6px;
	font-size:9px;
	overflow:hidden;
	padding:1px;
}

SPAN.clsExpand
{
	padding-left:1px;
	overflow:hidden;
	line-height:3px;
	font-size:13px;
	padding-top:3px;
}

SPAN.clsLeaf
{
	overflow:visible;
	font-size:9px;
	line-height:3px;
	padding: 1px 0px 0px 3px;
}

SPAN.clsMouseOver
{
	background-color:#CCCCCC;
	border:1px solid #999999;
}

SPAN.clsMouseDown
{
	background-color:#999999;
	border:1px solid #999999;
}

SPAN.clsCurrentHasFocus
{
	background-color:#FFFFFF;
	border:1px solid #999999;
}

SPAN.clsCurrentNoFocus
{
	background-color:#F1F1F1;
	border:1px solid #999999;
}


A
{
	color:black;
	text-decoration:none;
	
}

span.clsUnavailable
{
	height:0px;
	padding:0px;
	top:0px;
	border:none;
	color:#888888;
}

.hide
{
	display:none;
}

.shown
{
	display:block;
	margin-left:15px;
}

.deeptree IMG
{
	position:relative;
	cursor:hand;
	top:-2px;
	margin:0px;
	padding:0px;
}

.treelabel
{
	font-family:verdana;
	font-size:70.5%;
	color:white;
}

</style>
<BODY leftmargin="4" topmargin="4">  
<BODY>
</head>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -