我使用了这个代码,功能有部分实现:
<SCRIPT language=javascript>
<!--
var obj = null;
function left_menu(meval)
{
var left_n=document.getElementById(meval);
if (obj != null && obj != left_n) obj.style.display = "none";
if (left_n.style.display=="none") left_n.style.display='block';
else left_n.style.display='none';
obj = left_n;
}
-->
</SCRIPT>
然后在相应表格属性加上onClick="javascript:left_menu('left_0');"来调用
在需要显示/隐藏的表格属性加上id=left_0 style="display:none"原来的代码就是以上这些了。原来这样的效果就是点击显示,,再点击关闭。。
我使用了这段代码后,没有达到需要的效果。
因为上一行与下一行均是动态的,当点击所有上一行后,总是第一个下一行显示出来,没有达到同步的效果!!!
请高手帮忙!这个功能不错,但就是没有达到我要的效果!实现的效果:1111111111111111111111111
aaaaaaaaaaaaaaaaaaaaa22222222222222222222222
bbbbbbbbbbbbbbb..........................
...........如上所示。显示的内容为 1111111111111111111111111
2222222222222222222222222点击显示隐藏的为: aaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbb
并且这些数据全是从后台数据库中得到的,全随着数据库的变化而增多或减少。
显示的总是第一个:aaaaaaaaaaaaaaaaaaaa点22222222222222222222或其它的行,显示的还是aaaaaaaaaaaaaaaaaaaaaaaaa
<SCRIPT language=javascript>
<!--
var obj = null;
function left_menu(meval)
{
var left_n=document.getElementById(meval);
if (obj != null && obj != left_n) obj.style.display = "none";
if (left_n.style.display=="none") left_n.style.display='block';
else left_n.style.display='none';
obj = left_n;
}
-->
</SCRIPT>
然后在相应表格属性加上onClick="javascript:left_menu('left_0');"来调用
在需要显示/隐藏的表格属性加上id=left_0 style="display:none"原来的代码就是以上这些了。原来这样的效果就是点击显示,,再点击关闭。。
我使用了这段代码后,没有达到需要的效果。
因为上一行与下一行均是动态的,当点击所有上一行后,总是第一个下一行显示出来,没有达到同步的效果!!!
请高手帮忙!这个功能不错,但就是没有达到我要的效果!实现的效果:1111111111111111111111111
aaaaaaaaaaaaaaaaaaaaa22222222222222222222222
bbbbbbbbbbbbbbb..........................
...........如上所示。显示的内容为 1111111111111111111111111
2222222222222222222222222点击显示隐藏的为: aaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbb
并且这些数据全是从后台数据库中得到的,全随着数据库的变化而增多或减少。
显示的总是第一个:aaaaaaaaaaaaaaaaaaaa点22222222222222222222或其它的行,显示的还是aaaaaaaaaaaaaaaaaaaaaaaaa
<head>
<title>new page</title>
<script>
function a(obj){
var row=obj.rowIndex;
var trObj=document.getElementById("t").rows(row+1);
if(trObj.style.display=="none"){
trObj.style.display="block";
}else{
trObj.style.display="none";
}
}
</script>
</head>
<body>
<table id=t border="0" width="100%" id="table1">
<tr onclick="a(this)">
<td>标题1</td>
</tr>
<tr>
<td> 标题1.1</td>
</tr>
<tr onclick="a(this)">
<td>标题2</td>
</tr>
<tr>
<td> 标题2.1</td>
</tr>
</table>
</body>
</html>
请高人指点!!!谢谢 !
<html>
<head>
<title>new page</title>
<script>
function a(obj){
var row=obj.rowIndex;
var trObj=document.getElementById("t").rows(row+1);
if(trObj.style.display=="none"){
trObj.style.display="block";
}else{
trObj.style.display="none";
}
}
</script>
</head>
<body>
<table id=t border="0" width="100%" >
<tr onclick="a(this)">
<td>标题1</td>
</tr>
<tr>
<td> 标题1.1</td></tr><tr><td> 标题1.2</td></tr>
<tr onclick="a(this)">
<td>标题2</td>
</tr>
<tr>
<td> 标题2.1</td>
</tr>
</table>
</body>
</html>
这个只能是往下走一行,但不知如何改!求助!!
所以每次都显示 id 为 'left_0' 的那个
即 aaaaaaaaaaaaaaa啦---------------
解决方法就是在加载时
onClick="javascript:left_menu('left_0');"
参数要不同
------------
还可以直接传递 this 作为参数
这样要省事一些
-------------
你试试看
function a(obj){
var row=obj.rowIndex;
var trObj=document.getElementById("t").rows(row+1);
{for( var row=0;row<11;row++)
if(trObj.style.display=="none"){
trObj.style.display="block";
}else{
trObj.style.display="none";
}
}
}
</script>我做的这个也没有实现“隐藏的行数是0-10行之间,要根据数据来判断是要隐藏几行”的这个功能!
<div align="left">
<%str="select id,栏目名称 from 栏目 where id="&rs1("栏目id")&""
set rs2=conn.execute(str)%>
<font color="#FF3300">★</font> <a href=list.asp?listid=<%=rs2("id")%> class="fontsize12h20wu">[<%=rs2("栏目名称")%>]</a> <a href=disp.asp?dispid=<%=rs1("id")%> class="fontsize12h20wu"><%=rs1("标题")%></a> <span class="fontsize12">
<%if rs1("图片数量")>0 then%>
[图]
<%end if%>
<%if rs1("附件数量")>0 then%>
[附件]
<%end if%>
[<%=rs1("添加日期")%>]</span></div>
</td>
我还是再开一贴,将lihui_shine(浪尖赏花)的进行修改!
是不是这样 效果
--------------
<html>
<head>
<title>new page</title>
<script>
function a(obj){
var row=obj.rowIndex;
while( document.getElementById("t").rows(++row) ){
var o = document.getElementById("t").rows(row);
if(!o.onclick){
if(o.style.display=="none"){
o.style.display="block";
}else{
o.style.display="none";
}
}else{
break;
}
}
}
</script>
</head>
<body>
<table id=t border="0" width="100%" >
<tr onclick="a(this)">
<td>标题1</td>
</tr>
<tr>
<td> 标题1.1</td></tr><tr><td> 标题1.2</td></tr>
<tr onclick="a(this)">
<td>标题2</td>
</tr>
<tr>
<td> 标题2.1</td>
</tr>
</table>
</body>
</html>
完全正确,谢谢 !!!