将table做成类似VB中grid的功能(重贴)

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>JS资源</title><style type="text/css">
<!--
.opacity {
FILTER: alpha(opacity=100)
}
td,p,font{font-size:13px;}
input{border: 1px #000000 solid; cursor: 默认;}
.campo {  letter-spacing: 3px}
.input1 {  border: 1px #000000 ridge; cursor: hand; height:17px}
A{COLOR: #006790; FONT-FAMILY: 宋体; TEXT-DECORATION: none}
A:active {COLOR: #006790; FONT-FAMILY: 宋体; TEXT-DECORATION: underline overline}
A:hover {COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: underline overline}
BODY{FONT-FAMILY: 宋体; FONT-SIZE: 9pt;
SCROLLBAR-HIGHLIGHT-COLOR: buttonface;
SCROLLBAR-SHADOW-COLOR: buttonface;
SCROLLBAR-3DLIGHT-COLOR: buttonhighlight;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: buttonshadow}
-->
</style>
<SCRIPT>
function movX(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrollx=scrollx+a
new_date.window.scroll(scrollx,scrolly)
}
function movstarX(a,time){
movY=setInterval("movX("+a+")",10)
}
function movstar(a,time){
movx=setInterval("mov("+a+")",10)
}
function movover(){
clearInterval(movx)
}
function movoverY(o){
clearInterval(o)
}
function mov(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrolly=scrolly+a
new_date.window.scroll(scrollx,scrolly)
}
function o_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10}
}
function o_up(theobject){
object=theobject
while(object.filters.alpha.opacity<100){
object.filters.alpha.opacity+=10}
}
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" >
<form method=Get action='maintype.asp'>
  <div align="center"> 
    <table border="0" cellspacing="0" cellpadding="0" height="218" align="center">
      <tr> 
        <center>
          <td height="173" rowspan="3" valign="middle">&nbsp; </td>
        </center>
        <td height="161" width="300" rowspan="2" valign="middle" style="border: 1 solid #737373" colspan="3"> 
          <iframe 
      border=0 frameborder=0 framespacing=0 height=100% marginheight=0 
      marginwidth=0 name=new_date noResize scrolling=no 
      src="biaodan1.htm" width=100% vspale="0"> </iframe> </td>
        <center>
          <td height="1" width="10"><a href="javascript:void(0)" class=opacity  onMouseDown=movover();movstar(-3,2) 
      onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this) 
      onMouseUp=movover();movstar(-1,20)>up</a></td>
        </center>
      </tr>
      <tr> 
        <td height="163" width="10">&nbsp;</td>
      </tr>
      <tr> 
        <td height="12" width="10" valign="middle" style="border:0 solid #737373" onmouseover="movstarX(1,10)" onmouseout="movoverY(movY)">p
     </td>
        <td height="12" width="280" valign="middle" style="border:0 solid #737373">&nbsp;</td>
        <td height="12" width="10" valign="middle" style="border:0 solid #737373" onmouseover="movstarX(-1,10)" onmouseout="movoverY(movY)">p
</td>
        <td height="12" width="10"><a href="###" class=opacity  
      onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this) 
      onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20)>down</a></td>
      </tr>
    </table>
  </div>    
  </form>        
  </body>         
         
</html>

解决方案 »

  1.   

    webExcel（现在好像叫e表了）可以做到，方成的那帮家伙水平真的是，就一个牛字。
      

  2.   

    在这里泡了一个多月，开始有点踌躇满志了。为了这个帖子，又去把webexcel翻出来看了一下，还是想哭啊！人家怎么就这么牛呢？？我学！
      

  3.   

    头昏！7543行的js代码，263k。看一遍不死也脱层皮。其实它们的js水平不见得高不可攀的，看看它们用的trim函数：function trim(strMain) {
    if (strMain==null) return ""
      var str1=strMain

      var ascMain=strMain.charCodeAt(strMain.length-1)
    if (ascMain==32) str1=left(strMain,strMain.length-1) if (str1==null) return ""  for (var i=0;i<=str1.length-1;i++) {
           var mychar=str1.charAt(i);
           if ((mychar!=" ") && (mychar!="　")) {
               str1=str1.substring(i,str1.length);
               break;
               } 
          }  for (var i=str1.length-1;i>0;i--) {
          var mychar=str1.charAt(i);
          if ((mychar!=" ")  && (mychar!="　")) {
             str1=str1.substring(0,i+1);
             break;
          }
      }  return str1;
    }比起我自己在用的：function String.prototype.trim()
    {
    return  this.replace(/(^\s*)|(\s*$)/g, "");
    }要麻烦多了。但是人家就是能写出来这么牛的js版的excel，不由得俺不服。
      

  4.   

    呵呵！我现在也是照着方成的东西学JS
    那些JS代码看得我晕头转向的：（
      

  5.   

    哪里可以下载 webexcel ?
      

  6.   

    只是过滤一下看有没有自己不知道的东东而已了
    全看非被累死不可：）
    诸如userData,XMLHTTP,HTC都是从它那里看了才知道怎么用的
      

  7.   

    这么牛？那里有这个东西？webexcel ,我要学习...
      

  8.   

    各位老大，身为菜鸟的我可是第一次听说有webexcel这么好得东东，不知你们
    从哪儿搞到的代码？能不能共享一下。
      

  9.   

    给我一份好吗？（[email protected])
      

  10.   

    我的go空间给网易废了，没有办法上传（呜呜，连主页都没了，做人和一条咸鱼有什么差别？），一时也找不到下载地址了，大伙还是自己到google上使劲搜搜吧。看了要吐血的哦。to 5cool：已经发给你了。去收吧。
      

  11.   

    能发一份给我吗？我在做web方面的程序，急需这方面的东东，谢谢！
    [email protected]
      

  12.   

    <[email protected]>: host m208.163.com[202.108.44.208] said: 550
        <[email protected]>: Invalid User
      

  13.   

    To emu(ston)
    不好意思！刚才输错了邮箱，[email protected]
      

  14.   

    to emu(ston)
    不好意思！刚才输错了邮箱，麻烦你再发一次！[email protected]
      

  15.   

    请给我一份: [email protected]
      

  16.   

    给我一份好吗？ [email protected]
      

  17.   

    我也想研究，给我一份吧。[email protected]
      

  18.   

    这年头，为了生活还真的不怕死
    [email protected]
      

  19.   

    [email protected]
    thank you!
      

  20.   

    也给我来一份吧！谢先！
    [email protected]
      

  21.   

    to emu:难道比暴龙还可怕？！
      

  22.   

    我也要，怕什么暴龙来了一起解决！ 
    [email protected]
      

  23.   

    to emu(ston) :也给我一份，本人乃半死人，无所谓！
      

  24.   

    我的不全，谁能给我发一份？谢谢！
    [email protected]
      

  25.   

    请给我1份,多谢
    [email protected]
      

  26.   

    请给我1份,多谢
    [email protected]
      

  27.   

    我也感觉一下
    [email protected]
      

  28.   

    能给我一份吗？
    [email protected]
      

  29.   

    这个...也给俺一份。谢谢。
    [email protected]
      

  30.   

    这里也来一份
    [email protected]
      

  31.   

    大哥，既然从网上下的，就告知网站地址吧，或把他上传到某个ftp服务器上也行啊！
      

  32.   

    我找见了.
    http://www.fcsoft.com.cn
      

  33.   

    嗯，方成的主页，webExcel的老家，可是下载的连接呢？
      

  34.   

    呵，这种Grid我已经在用了。。好简单不过，我的grid功能还不是很强大，可能尽期会写一个。可以实现行输入和列输入。列锁定，列限制，自动填充，单选和多选 、数据合法性检查等功能集于一体的Grid。