嘿嘿... 这个.. 有点意思.....

潇洒 2002-10-28 01:03:52
把下面代码复制, 然后看看效果. (拉下滚动条....^_^)

另外, 我的这个问题
http://expert.csdn.net/Expert/TopicView1.asp?id=1127335
怎么又没人理了 ?... csdn 真的没高手了啊 ?
(还是不想理我? 我真的那么令人讨厌?)

下面这段代码就是我那个问题的一部分, 老大看了我的问题后, 希望能
在下面这段代码的基础上帮我改出来. 谢谢 !!!

<div id=output style='background:#006600;color:#00FF00'></div>
<style type="text/css">
<!--
tbody { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: normal}
thead { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold;}
.conBtn {width: 22px;height:18;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">

function ct(){
fl.innerHTML=mt.outerHTML.replace(/id=mainTable/,'id=floatTable');
}

var mt,ft,fl,h;
function start() {
mt=document.getElementById('mainTable');
fl=document.getElementById('floatLayer');
h=document.getElementById('head');

fl.style.background=h.bgColor
ct();
ft=document.getElementById('floatTable');
setInterval('c()',500);
}

function ontop(obj){
fl.style.top=obj.scrollTop
fl.style.display=(obj.scrollTop<parseInt(fl.style.height)/2)?'none':''
}

function c(){
ft.style.width=fl.style.width=mt.offsetWidth;
ft.style.height=fl.style.height=mt.rows[0].offsetHeight;
fl.style.left=mt.offsetLeft;
}


</SCRIPT>
<body onload=start()>
<center>
<DIV style="width:600px;height:200px;left:0px;BORDER:#313131 2px solid; top:1px;z-index:100;overflow-y:scroll;background:#99CCFF" onscroll=ontop(this)>

<DIV id="floatLayer" style="position: absolute;width:600px;height:19px;left:3px;top:1px;display:none" onclick='rt()'></DIV>

<TABLE style="behavior:url(htc/tableAct.htc);width:600px;background-color:#eeeecc;border-collapse:collapse"
borderColor=#999999 cellSpacing=0 cellPadding=2 border=1 dragcolor='gray' slcolor=#1fffcc hlcolor=#BEC5DE Editable=true align=center id=mainTable Draged=false Edited=false>
<THEAD bgColor="#ffcc00" id=head>
<TR align=center>
<TD width=100>Num</TD>
<TD width=100>Marks</TD>
<TD width=100>Stock No</TD>
<TD width=100>Description</TD>
<TD width=100>Qty</TD>
<TD width=100>Price</TD>
<TD width=100>Sub Total</TD>
</TR>
</THEAD>
<TBODY>
<tr>
<TD>Num</TD>
<TD>Gloria</TD>
<TD>Slap</TD>
<TD>Lotus</TD>
<TD>Renault</TD>
<TD>Michelin</TD>
<TD>1.15.012</TD>
</tr>
<tr><td>1</td>
<td> </td>
<td>CRW_TA6800</td>
<td>Turbo 燒錄光碟機 TA6800</td>
<td>2</td>
<td>1200</td>
<td>2400</td></tr>
<tr><td>2</td>
<td> </td>
<td>CRW_TA6300</td>
<td>Turbo 燒錄光碟機 TA6300</td>
<td>1</td>
<td>1100</td>
<td>1100</td></tr>
<tr><td>3</td>
<td> </td>
<td>LCDAX150TSPK</td>
<td>TOPCON AX150TSPK ( 顯示器 )</td>
<td>2</td>
<td>3000</td>
<td>6000</td></tr>
<tr><td>4</td>
<td> </td>
<td>LCDAX150TSPK</td>
<td>TOPCON AX150TSPK ( 顯示器 )</td>
<td>1</td>
<td>3000</td>
<td>3000</td></tr>
</TBODY>
<TFOOT style=display:none>
<tr>
<TD colspan=7 align="right">
<span id="tableStatus" style="width:300;overflow:hidden;font-family: 'Verdana';font-size:10" >select:</span>
<input id=btnAddRow class=conBtn type=button value="+" Action="AddRow">
<input id=btnDelRow class=conBtn type=button value="-" Action="DelRow">
</TD>
</tr>
</TFOOT>
</TABLE>
</DIV>
</center>

...全文
43 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
潇洒 2002-10-28
  • 打赏
  • 举报
回复
晕啊....... 还是没人理 ?!!

================================================
不过按钟钟老大的说法.....

如果先获得 mainTable的 outerHTML .然后从中只截取<table>和<thead>
里的内容, 把 <tbody> 和<tfoot> 都删掉. 然后再把 id 替换掉.

最后再写进层的 innerHTML 里. 这样或许能行得通.
(但我不晓得怎样写代码)
================================================

这个办法我也试了.... 还是不行, 还是只有内容.颜色等一样 ...
表的列宽还是不行... 不能跟mainTable 的一样.

我试过将 mainTable.cells[0] 的 offsetWidth 赋值给层里
table.cells[0].style.width . 也是不行......

天啊....... 真的没人能帮我了吗?

87,775

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧