我使用了这个代码,功能有部分实现:
<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

解决方案 »

  1.   

    我将此修改后的页面上传到空间中:http://www.jing-lun.cn/yjs/index.htm还是一样不能实现!
      

  2.   

    建议:display不能使表格获得焦点,建议使用visibility
      

  3.   

    这个visiblity是不行的.寻帮助,谢谢!
      

  4.   

    问题补充: 隐藏的表格行是上层表格行的子数据.即111111111111111111111111是aaaaaaaaaaaa的上级菜单.
      

  5.   

    obj.style.display = ="none"?obj.style.display =“block”:obj.style.display =“none”;
      

  6.   

    <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%" id="table1">
    <tr onclick="a(this)">
    <td>标题1</td>
    </tr>
    <tr>
    <td>&nbsp;&nbsp;标题1.1</td>
    </tr>
    <tr onclick="a(this)">
    <td>标题2</td>
    </tr>
    <tr>
    <td>&nbsp;&nbsp;标题2.1</td>
    </tr>
    </table>
    </body>
    </html>
      

  7.   

    lihui_shine(浪尖赏花) 的比原来的 又有进步!但是要隐藏的 标题1.1 、标题1.2......的数量是不确定的,因为是从后台数据库中读取的.现在是只能隐藏:标题1.1    其下需要一同隐藏的标题1.2  、标题1.3......没有反映!
    请高人指点!!!谢谢 !
      

  8.   

    请试下以下代码就可看到标题1.2不能隐藏,请指点,谢谢 !
    <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>&nbsp;&nbsp;标题1.1</td></tr><tr><td>&nbsp;&nbsp;标题1.2</td></tr>
    <tr onclick="a(this)">
    <td>标题2</td>
    </tr>
    <tr>
    <td>&nbsp;&nbsp;标题2.1</td>
    </tr>
    </table>
    </body>
    </html>
      

  9.   

    也即隐藏的是不确定行,我想是不是trObj=document.getElementById("t").rows(row+1);
    这个只能是往下走一行,但不知如何改!求助!!
      

  10.   

    onClick="javascript:left_menu('left_0');"里面的参数left_0被你写死了
    所以每次都显示 id 为 'left_0' 的那个
    即 aaaaaaaaaaaaaaa啦---------------
    解决方法就是在加载时
    onClick="javascript:left_menu('left_0');"
    参数要不同
    ------------
    还可以直接传递 this 作为参数
    这样要省事一些
    -------------
    你试试看
      

  11.   

    <script>
    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行之间,要根据数据来判断是要隐藏几行”的这个功能!
      

  12.   

    也即要隐藏以下代码中的产生的数据行:<td width="825" >
                <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>&nbsp;<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>
      

  13.   

    <td width="825" ID="sDiv">...sDiv.style.display = "none";
      

  14.   

    不行!
    我还是再开一贴,将lihui_shine(浪尖赏花)的进行修改!
      

  15.   

    http://community.csdn.net/Expert/topic/5715/5715248.xml?temp=8.190554E-02新开贴。
      

  16.   

    ne_rush() ( ) 信誉:100  2007-08-17 15:26:11  得分: 0  
     
     
       是不是这样 效果
    --------------
    <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>&nbsp;&nbsp;标题1.1</td></tr><tr><td>&nbsp;&nbsp;标题1.2</td></tr>
    <tr onclick="a(this)">
    <td>标题2</td>
    </tr>
    <tr>
    <td>&nbsp;&nbsp;标题2.1</td>
    </tr>
    </table>
    </body>
    </html>  
     
    完全正确,谢谢 !!!