以下这段代码，实现一个隐藏行的功能。不过我想知道，在第一行有多个 的情况下，怎样和隐藏行对齐。

hobyyyy 2004-10-26 11:20:20
以下这段代码，实现一个隐藏行的功能。
不过我想知道，在第一行有多个<td> 的情况下，怎样和隐藏行对齐。

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
body,td {
FONT: 9pt Arial;
}
.collapsed {
DISPLAY: none
}
.line {
CURSOR: hand
}
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px
}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
.jj {vertical-align:bottom ;background-color:#ececc0;height:20;padding:3;}

</style>
<SCRIPT language=JScript>

function outliner()
{
var child = document.all[event.srcElement.getAttribute("child",false)];
if (null != child){
if(child.className == "collapsed")
{
child.className = "expanded";
return;
}
if(child.className == "expanded")
{
child.className = "collapsed";
return;
}
}
}



//-->
</SCRIPT>
</HEAD>

<BODY>
<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>

</tr>
<tr>
<td>
<DIV class=collapsed id=DALL>
<DIV onclick=outliner() child="DALL1">
<TABLE cellSpacing="1" cellPadding=0 width="100%" border=0 class="jj">

<TR>
<TD width="32%"><a name="Market Place"></a>Market Place</TD>
<TD width="68%">Market Place </TD>
</TR>

</TABLE>
</DIV></DIV>

</td>

</tr>

</table>
</BODY>
</HTML>
...全文
142 1 打赏 收藏 举报
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
JK_10000 2004-10-26
  • 打赏
  • 举报
 回复
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
body,td {
FONT: 9pt Arial;
}
.collapsed {
DISPLAY: none
}
.line {
CURSOR: hand
}
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px
}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
.jj {vertical-align:bottom ;background-color:#ececc0;height:20;padding:3;}

</style>
<SCRIPT language=JScript>

function outliner()
{
var child = document.all[event.srcElement.getAttribute("child",false)];
if (null != child){
if(child.className == "collapsed")
{
child.className = "expanded";
return;
}
if(child.className == "expanded")
{
child.className = "collapsed";
return;
}
}
}



//-->
</SCRIPT>
</HEAD>

<BODY>
<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>


<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>


<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>


<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>

</tr>
<tr>
<td colspan=100>
<DIV class=collapsed id=DALL>
<DIV onclick=outliner() child="DALL1">
<TABLE cellSpacing="1" cellPadding=0 width="100%" border=0 class="jj">

<TR>
<TD width="32%"><a name="Market Place"></a>Market Place</TD>
<TD width="68%">Market Place </TD>
</TR>

</TABLE>
</DIV></DIV>

</td>

</tr>

</table>
</BODY>
</HTML>
相关推荐
js代码格式化(js代码格式化html标签)
可以分级的表格如何隐藏JS代码？ 【实例描述】分级的表格隐藏是指当用户单击第一行时，第一行后面的行都会隐藏；单击第二行时，则第二行下面的所有行会隐藏，依次类推。 实用计算器JS代码怎么写呢？ srcElement。tagName=='TD')event。srcElement。style。color='yell...
【润乾v5】实现点击超链接，隐藏对应行功能
我们需要实现点击下图中超链接1，隐藏第一行，显示第二行；点击超链接2，隐藏第二行，显示第一行。 制作思路： 设置参数arg1，当arg1==1时，第一行显示，第二行隐藏；当arg==0时，第一行隐藏，第二行显示。 超链接1传递arg1=0到本报表，超链接2传递arg1=1到本报表。   制作步骤： 1.建立如上图所示报表，并在参数定义中中定义参数arg1 2.在第一行，行属性--
layui如何让jsp表格中列中有多行和换行符时，只显示第一行，且第一行多度过长的部分将隐藏掉？
table{ table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } td{ height: 30px; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ ...
SugarCRM EditView.php 隐藏姓名,负责人(将姓名保存为登陆人名称)
<table width="100%" border="0" cellspacing="0" cellpadding="0">在这段代码下(文本框布局的table) 第一行　<tr> </tr> 之间的代码 <tr> <td width="15%" class="dataLabel"><slot>...
Aspose.Cells 取消隐藏行和列（取消隐藏单行、取消隐藏多行、取消隐藏单列、取消隐藏多列
1取消隐藏单行 1.1 UnhideRow(introw,doubleheight) Workbook workbook=new Workbook(); WorkSheet worksheet=workbook.WorkSheet[0]; Cells cells=worksheet.Cells; //取消隐藏第一行，并将第一行的行高设为20磅 cells.UnhideRow(0,20); 1.2UnhideRows(introw,inttotalRows,doubleheight...
发帖
JavaScript

8.7w+

社区成员

22.4w+

社区内容

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-10-26 11:20
社区公告
暂无公告