<script type="text/javascript" language="javaScript">
var contextPath = "/gxctrl";
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"><link rel="stylesheet" type="text/css" href="/gxctrl/css/style.css">
<link rel="stylesheet" type="text/css" href="/gxctrl/css/list.css">
<script language="JavaScript" src="/gxctrl/js/divControl.js"></script>
<script type="text/javascript" src="/gxctrl/js/validator/Validator.js"></script>
<title></title>
<style>
<!--
#roothead{cursor:hand ; font-weight:bold ;
list-style-image:url(/gxctrl/images/table/books_close.gif)}
foldinglist{list-style-image:url(/gxctrl/images/table/book.gif)}
//-->
</style> <script type="text/javascript" >
function execFrom(formobj, vaction, validatetype){
var ul=document.getElementsByTagName("ul");
var allcontrol = document.all[0];
var rowvalue = allcontrol.getElementsByTagName('input');
for (i = 0; i < rowvalue.length; i++) {
if(rowvalue[i].type=='checkbox'&&rowvalue[i].id=='check'){
if(rowvalue[i].checked)
rowvalue[i].value="1";
else
rowvalue[i].value="-1";
}
}
if(document.form1.signalid.options[document.form1.signalid.selectedIndex].value==""){
alert("请选择内容!");
}else{
if(Validator.Validate(formobj,validatetype)){
if(vaction){
formobj.action=vaction;
}
formobj.submit();
formobj.reset();
}
}
}function submitForm(){
document.form1.action = "/gxctrl/watch/warn.bt?cmd=edit";
document.form1.submit();
} </script>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="/gxctrl/images/table/book.gif"
img2=new Image()
img2.src="/gxctrl/images/table/books_close.gif"
function change()
{
if(!document.all)
{
return;
}
if(event.srcElement.id=="check"){
var srcIndex = event.srcElement.sourceIndex;
var secondhead = document.all[srcIndex+1];
var curcheckvalue=document.all[srcIndex];
var rowChildren = secondhead.getElementsByTagName('input');
for (i = 0; i < rowChildren.length; i++) {
if(rowChildren[i].type=='checkbox'){
rowChildren[i].checked=curcheckvalue.checked;
if(curcheckvalue.checked)
rowChildren[i].value="1";
else
rowChildren[i].value="-1";
}
}
}
if (event.srcElement.id=="roothead")
{
var srcIndex = event.srcElement.sourceIndex
var secondhead = document.all[srcIndex+2]
if (secondhead.style.display=="none")
{
secondhead.style.display=''
event.srcElement.style.listStyleImage="url(/gxctrl/images/table/books_open.gif)"
}
else
{
secondhead.style.display="none"
event.srcElement.style.listStyleImage="url(/gxctrl/images/table/books_close.gif)"
}
}
}
document.onclick=change;
//-->
function show(){
var ul=document.getElementsByTagName("ul"); for(var i=0;i<ul.length;i++)
{
ul[i].style.display="block";
}}
function hidden(){
var ul=document.getElementsByTagName("ul");
for(var i=1;i<ul.length;i++)
{
ul[i].style.display="none";
}
}
function change_pic(pic_src,pro){
if(screen.width>=1280&&screen.height>=1024){
document.all.bgtable.style.background = "url("+pic_src+"."+pro+")";
//alert("界面大小为1280X1024,成功加载页面背景 !@_@!");
}else if(width==1280||height==800){
document.all.bgtable.style.background = "url("+pic_src+"_800."+pro+")";
//alert('1280X800');
}else if(width==1280||height==768){
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
//alert('1280X800');
}else if(screen.width<1280||screen.height<1024){
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
//alert("界面大小为1024X768,成功加载页面背景 !@_@!");
}else{
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
}
}
</script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" onLoad="show();" background="/gxctrl/images/table/main.jpg" bottommargin="0" marginwidth="0" marginheight="0" scroll="no" >
<form name="form1" action="" method="post">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr>
<tr>
<td colspan="3" align="center" valign="top" height="100%" id=bgtable>
<br><br><br>
<div id="treeboxbox_tree" style="width:750; height:540; overflow:auto; background-color:#f5f5f5;border :1px solid Silver;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td>
</td></tr>
<tr>
<td valign="top">
<ul>
<li id="roothead" ><input id="check" type="checkbox" name="C1" value="ON" checked> A校</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li id="roothead"><input id="check" type="checkbox" name="cone" value="ON" checked/>班级情况 <select name="onec">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><table>
<tr>
<td>
<input id="check" type="checkbox" name="a11" value="11" checked>A班
<select name="one11">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</td>
</tr>
</table></li>
<li><table>
<tr>
<td>
<input id="check" type="checkbox" name="a12" value="12" checked>B班
<select name="one12">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</td>
</tr>
</table></li>
<li><table>
<tr>
<td>
<input id="check" type="checkbox" name="a13" value="13" checked>C班
<select name="one13">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</td>
</tr>
</table></li>
</ul>
</ul>
</form>
</div>
</td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
点击“班级情况”,它的叶子节点不动,select框动。
怎么做到select框不动,叶子节点动?
var contextPath = "/gxctrl";
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"><link rel="stylesheet" type="text/css" href="/gxctrl/css/style.css">
<link rel="stylesheet" type="text/css" href="/gxctrl/css/list.css">
<script language="JavaScript" src="/gxctrl/js/divControl.js"></script>
<script type="text/javascript" src="/gxctrl/js/validator/Validator.js"></script>
<title></title>
<style>
<!--
#roothead{cursor:hand ; font-weight:bold ;
list-style-image:url(/gxctrl/images/table/books_close.gif)}
foldinglist{list-style-image:url(/gxctrl/images/table/book.gif)}
//-->
</style> <script type="text/javascript" >
function execFrom(formobj, vaction, validatetype){
var ul=document.getElementsByTagName("ul");
var allcontrol = document.all[0];
var rowvalue = allcontrol.getElementsByTagName('input');
for (i = 0; i < rowvalue.length; i++) {
if(rowvalue[i].type=='checkbox'&&rowvalue[i].id=='check'){
if(rowvalue[i].checked)
rowvalue[i].value="1";
else
rowvalue[i].value="-1";
}
}
if(document.form1.signalid.options[document.form1.signalid.selectedIndex].value==""){
alert("请选择内容!");
}else{
if(Validator.Validate(formobj,validatetype)){
if(vaction){
formobj.action=vaction;
}
formobj.submit();
formobj.reset();
}
}
}function submitForm(){
document.form1.action = "/gxctrl/watch/warn.bt?cmd=edit";
document.form1.submit();
} </script>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="/gxctrl/images/table/book.gif"
img2=new Image()
img2.src="/gxctrl/images/table/books_close.gif"
function change()
{
if(!document.all)
{
return;
}
if(event.srcElement.id=="check"){
var srcIndex = event.srcElement.sourceIndex;
var secondhead = document.all[srcIndex+1];
var curcheckvalue=document.all[srcIndex];
var rowChildren = secondhead.getElementsByTagName('input');
for (i = 0; i < rowChildren.length; i++) {
if(rowChildren[i].type=='checkbox'){
rowChildren[i].checked=curcheckvalue.checked;
if(curcheckvalue.checked)
rowChildren[i].value="1";
else
rowChildren[i].value="-1";
}
}
}
if (event.srcElement.id=="roothead")
{
var srcIndex = event.srcElement.sourceIndex
var secondhead = document.all[srcIndex+2]
if (secondhead.style.display=="none")
{
secondhead.style.display=''
event.srcElement.style.listStyleImage="url(/gxctrl/images/table/books_open.gif)"
}
else
{
secondhead.style.display="none"
event.srcElement.style.listStyleImage="url(/gxctrl/images/table/books_close.gif)"
}
}
}
document.onclick=change;
//-->
function show(){
var ul=document.getElementsByTagName("ul"); for(var i=0;i<ul.length;i++)
{
ul[i].style.display="block";
}}
function hidden(){
var ul=document.getElementsByTagName("ul");
for(var i=1;i<ul.length;i++)
{
ul[i].style.display="none";
}
}
function change_pic(pic_src,pro){
if(screen.width>=1280&&screen.height>=1024){
document.all.bgtable.style.background = "url("+pic_src+"."+pro+")";
//alert("界面大小为1280X1024,成功加载页面背景 !@_@!");
}else if(width==1280||height==800){
document.all.bgtable.style.background = "url("+pic_src+"_800."+pro+")";
//alert('1280X800');
}else if(width==1280||height==768){
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
//alert('1280X800');
}else if(screen.width<1280||screen.height<1024){
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
//alert("界面大小为1024X768,成功加载页面背景 !@_@!");
}else{
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
}
}
</script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" onLoad="show();" background="/gxctrl/images/table/main.jpg" bottommargin="0" marginwidth="0" marginheight="0" scroll="no" >
<form name="form1" action="" method="post">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr>
<tr>
<td colspan="3" align="center" valign="top" height="100%" id=bgtable>
<br><br><br>
<div id="treeboxbox_tree" style="width:750; height:540; overflow:auto; background-color:#f5f5f5;border :1px solid Silver;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td>
</td></tr>
<tr>
<td valign="top">
<ul>
<li id="roothead" ><input id="check" type="checkbox" name="C1" value="ON" checked> A校</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li id="roothead"><input id="check" type="checkbox" name="cone" value="ON" checked/>班级情况 <select name="onec">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><table>
<tr>
<td>
<input id="check" type="checkbox" name="a11" value="11" checked>A班
<select name="one11">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</td>
</tr>
</table></li>
<li><table>
<tr>
<td>
<input id="check" type="checkbox" name="a12" value="12" checked>B班
<select name="one12">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</td>
</tr>
</table></li>
<li><table>
<tr>
<td>
<input id="check" type="checkbox" name="a13" value="13" checked>C班
<select name="one13">
<option value="" >请选择</option>
<option value="1">优秀</option>
<option value="2">较好</option>
<option value="3">一般</option>
<option value="4" >较差</option>
</select>
</td>
</tr>
</table></li>
</ul>
</ul>
</form>
</div>
</td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
点击“班级情况”,它的叶子节点不动,select框动。
怎么做到select框不动,叶子节点动?
var contextPath = "/gxctrl";
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"> <link rel="stylesheet" type="text/css" href="/gxctrl/css/style.css">
<link rel="stylesheet" type="text/css" href="/gxctrl/css/list.css">
<script language="JavaScript" src="/gxctrl/js/divControl.js"> </script>
<script type="text/javascript" src="/gxctrl/js/validator/Validator.js"> </script>
<title> </title>
<style>
<!--
#roothead{cursor:hand ; font-weight:bold ;
list-style-image:url(/gxctrl/images/table/books_close.gif)}
foldinglist{list-style-image:url(/gxctrl/images/table/book.gif)}
//-->
</style> <script type="text/javascript" >
function execFrom(formobj, vaction, validatetype){
var ul=document.getElementsByTagName("ul"); var allcontrol = document.all[0];
var rowvalue = allcontrol.getElementsByTagName('input');
for (i = 0; i < rowvalue.length; i++) {
if(rowvalue[i].type=='checkbox'&&rowvalue[i].id=='check'){
if(rowvalue[i].checked)
rowvalue[i].value="1";
else
rowvalue[i].value="-1";
}
}
if(document.form1.signalid.options[document.form1.signalid.selectedIndex].value==""){
alert("请选择内容!");
}else{
if(Validator.Validate(formobj,validatetype)){
if(vaction){
formobj.action=vaction;
}
formobj.submit();
formobj.reset();
}
}
} function submitForm(){
document.form1.action = "/gxctrl/watch/warn.bt?cmd=edit";
document.form1.submit(); } </script>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="/gxctrl/images/table/book.gif"
img2=new Image()
img2.src="/gxctrl/images/table/books_close.gif"
function change()
{
if(!document.all)
{
return;
}
if(event.srcElement.id=="check"){
var srcIndex = event.srcElement.sourceIndex;
var secondhead = document.all[srcIndex+1];
var curcheckvalue=document.all[srcIndex];
var rowChildren = secondhead.getElementsByTagName('input');
for (i = 0; i < rowChildren.length; i++) {
if(rowChildren[i].type=='checkbox'){
rowChildren[i].checked=curcheckvalue.checked;
if(curcheckvalue.checked)
rowChildren[i].value="1";
else
rowChildren[i].value="-1";
}
}
}
if (event.srcElement.id=="roothead")
{
var src = event.srcElement.getElementsByTagName("ul");
var secondhead = src[0];
if (secondhead.style.display=="none")
{
secondhead.style.display=''
event.srcElement.style.listStyleImage="url(/gxctrl/images/table/books_open.gif)"
}
else
{
secondhead.style.display="none"
event.srcElement.style.listStyleImage="url(/gxctrl/images/table/books_close.gif)"
}
}
}
document.onclick=change;
//-->
function show(){
var ul=document.getElementsByTagName("ul"); for(var i=0;i <ul.length;i++)
{
ul[i].style.display="block";
}}
function hidden(){
var ul=document.getElementsByTagName("ul");
for(var i=1;i <ul.length;i++)
{
ul[i].style.display="none";
}
}
function change_pic(pic_src,pro){
if(screen.width>=1280&&screen.height>=1024){
document.all.bgtable.style.background = "url("+pic_src+"."+pro+")";
//alert("界面大小为1280X1024,成功加载页面背景 !@_@!");
}else if(width==1280||height==800){
document.all.bgtable.style.background = "url("+pic_src+"_800."+pro+")";
//alert('1280X800');
}else if(width==1280||height==768){
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
//alert('1280X800');
}else if(screen.width <1280||screen.height <1024){
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
//alert("界面大小为1024X768,成功加载页面背景 !@_@!");
}else{
document.all.bgtable.style.background = "url("+pic_src+"_min."+pro+")";
}
}
</script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" onLoad="show();" background="/gxctrl/images/table/main.jpg" bottommargin="0" marginwidth="0" marginheight="0" scroll="no" >
<form name="form1" action="" method="post">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <td> </td> </tr>
<tr>
<td colspan="3" align="center" valign="top" height="100%" id=bgtable>
<br> <br> <br>
<div id="treeboxbox_tree" style="width:750; height:540; overflow:auto; background-color:#f5f5f5;border :1px solid Silver;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2">
<tr>
<td>
</td> </tr>
<tr>
<td valign="top">
<ul>
<li id="roothead" > <input id="check" type="checkbox" name="C1" value="ON" checked> A校 </li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li id="roothead"> <input id="check" type="checkbox" name="cone" value="ON" checked/>班级情况 <select name="onec">
<option value="" >请选择 </option>
<option value="1">优秀 </option>
<option value="2">较好 </option>
<option value="3">一般 </option>
<option value="4" >较差 </option>
</select>
</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li> <table>
<tr>
<td>
<input id="check" type="checkbox" name="a11" value="11" checked>A班
<select name="one11">
<option value="" >请选择 </option>
<option value="1">优秀 </option>
<option value="2">较好 </option>
<option value="3">一般 </option>
<option value="4" >较差 </option>
</select>
</td>
</tr>
</table> </li>
<li> <table>
<tr>
<td>
<input id="check" type="checkbox" name="a12" value="12" checked>B班
<select name="one12">
<option value="" >请选择 </option>
<option value="1">优秀 </option>
<option value="2">较好 </option>
<option value="3">一般 </option>
<option value="4" >较差 </option>
</select>
</td>
</tr>
</table> </li>
<li> <table>
<tr>
<td>
<input id="check" type="checkbox" name="a13" value="13" checked>C班
<select name="one13">
<option value="" >请选择 </option>
<option value="1">优秀 </option>
<option value="2">较好 </option>
<option value="3">一般 </option>
<option value="4" >较差 </option>
</select>
</td>
</tr>
</table> </li>
</ul>
</ul>
</form>
</div>
</td>
</tr>
<tr>
<td height="10"> </td>
<td> </td>
<td> </td>
</tr>
</table> </td>
</tr>
</table>
</body>
</html>