显示行号的文本输入框

<HTML> 
<HEAD> 
<TITLE>DirMap</TITLE> 
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 
</HEAD> 
<style> 
* { 
 font-size: 12px 
} 
body { 
 margin: 10px; padding: 0px 
} 
A { 
 COLOR: black; TEXT-DECORATION: none; 
} 
A:hover { 
 COLOR: black; TEXT-DECORATION: none; 
} 
A:link { 
 TEXT-DECORATION: none 
} 
A:visited { 
 TEXT-DECORATION: none 
} 
table.list{ 
 cursor: default; 
 border:1px solid #cccccc 
 background-color: #cccccc; 
 border-collapse: collapse; 
 border-Color: #cccccc; 
} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20check_form()%20%7B%20%0D%0A%20var%20the_form%20%3D%20document.forms%5B0%5D%3B%20%0D%0A%20if(!%2F%5E%5B%5Cw%5C.%5D%2B%24%2F.test(the_form.name.value))%20%7B%20%0D%0A%20%20alert('Bad%20File%20Name%20!')%3B%20%0D%0A%20%20the_form.name.focus()%3B%20%0D%0A%20%20return%20false%3B%20%0D%0A%20%7D%20%0D%0A%20if(!%2F%5E%5B0-7%5D%7B3%7D%24%2F.test(the_form.attrib.value))%20%7B%20%0D%0A%20%20alert('Bad%20File%20Attrib%20!')%3B%20%0D%0A%20%20the_form.attrib.focus()%3B%20%0D%0A%20%20return%20false%3B%20%0D%0A%20%7D%20%0D%0A%20if(the_form.del.checked)%20%7B%20%0D%0A%20%20return%20confirm('Are%20you%20sure%20to%20delete%20the%20file%20%3F')%3B%20%0D%0A%20%7D%20%0D%0A%20return%20true%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20show_ln()%7B%20%0D%0A%20var%20txt_ln%20%20%3D%20document.getElementById('txt_ln')%3B%20%0D%0A%20var%20txt_main%20%20%3D%20document.getElementById('txt_main')%3B%20%0D%0A%20txt_ln.scrollTop%20%3D%20txt_main.scrollTop%3B%20%0D%0A%20while(txt_ln.scrollTop%20!%3D%20txt_main.scrollTop)%20%7B%20%0D%0A%20%20txt_ln.value%20%2B%3D%20(i%2B%2B)%20%2B%20'%5Cn'%3B%20%0D%0A%20%20txt_ln.scrollTop%20%3D%20txt_main.scrollTop%3B%20%0D%0A%20%7D%20%0D%0A%20return%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20editTab()%7B%20%0D%0A%20var%20code%2C%20sel%2C%20tmp%2C%20r%20%0D%0A%20var%20tabs%3D''%20%0D%0A%20event.returnValue%20%3D%20false%20%0D%0A%20sel%20%3Devent.srcElement.document.selection.createRange()%20%0D%0A%20r%20%3D%20event.srcElement.createTextRange()%20%0D%0A%0D%0A%20switch%20(event.keyCode)%7B%20%0D%0A%20%20case%20(8)%20%3A%20%0D%0A%20%20%20if%20(!(sel.getClientRects().length%20%3E%201))%7B%20%0D%0A%20%20%20%20event.returnValue%20%3D%20true%20%0D%0A%20%20%20%20return%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20code%20%3D%20sel.text%20%0D%0A%20%20%20tmp%20%3D%20sel.duplicate()%20%0D%0A%20%20%20tmp.moveToPoint(r.getBoundingClientRect().left%2C%20sel.getClientRects()%5B0%5D.top)%20%0D%0A%20%20%20sel.setEndPoint('startToStart'%2C%20tmp)%20%0D%0A%20%20%20sel.text%20%3D%20sel.text.replace(%2F%5E%5Ct%2Fgm%2C%20'')%20%0D%0A%20%20%20code%20%3D%20code.replace(%2F%5E%5Ct%2Fgm%2C%20'').replace(%2F%5Cr%5Cn%2Fg%2C%20'%5Cr')%20%0D%0A%20%20%20r.findText(code)%20%0D%0A%20%20%20r.select()%20%0D%0A%20%20%20break%20%0D%0A%20%20case%20(9)%20%3A%20%0D%0A%20%20%20if%20(sel.getClientRects().length%20%3E%201)%7B%20%0D%0A%20%20%20%20code%20%3D%20sel.text%20%0D%0A%20%20%20%20tmp%20%3D%20sel.duplicate()%20%0D%0A%20%20%20%20tmp.moveToPoint(r.getBoundingClientRect().left%2C%20sel.getClientRects()%5B0%5D.top)%20%0D%0A%20%20%20%20sel.setEndPoint('startToStart'%2C%20tmp)%20%0D%0A%20%20%20%20sel.text%20%3D%20'%5Ct'%2Bsel.text.replace(%2F%5Cr%5Cn%2Fg%2C%20'%5Cr%5Ct')%20%0D%0A%20%20%20%20code%20%3D%20code.replace(%2F%5Cr%5Cn%2Fg%2C%20'%5Cr%5Ct')%20%0D%0A%20%20%20%20r.findText(code)%20%0D%0A%20%20%20%20r.select()%20%0D%0A%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20sel.text%20%3D%20'%5Ct'%20%0D%0A%20%20%20%20sel.select()%20%0D%0A%20%20%20%7D%20%0D%0A%20%20%20break%20%0D%0A%20%20case%20(13)%20%3A%20%0D%0A%20%20%20tmp%20%3D%20sel.duplicate()%20%0D%0A%20%20%20tmp.moveToPoint(r.getBoundingClientRect().left%2C%20sel.getClientRects()%5B0%5D.top)%20%0D%0A%20%20%20tmp.setEndPoint('endToEnd'%2C%20sel)%20%0D%0A%0D%0A%20%20%20for%20(var%20i%3D0%3B%20tmp.text.match(%2F%5E%5B%5Ct%5D%2B%2Fg)%20%26%26%20i%3Ctmp.text.match(%2F%5E%5B%5Ct%5D%2B%2Fg)%5B0%5D.length%3B%20i%2B%2B)%20tabs%20%2B%3D%20'%5Ct'%20%0D%0A%20%20%20sel.text%20%3D%20'%5Cr%5Cn'%2Btabs%20%0D%0A%20%20%20sel.select()%20%0D%0A%20%20%20break%20%0D%0A%20%20default%20%20%3A%20%0D%0A%20%20%20event.returnValue%20%3D%20true%20%0D%0A%20%20%20break%20%0D%0A%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<BODY> 
<table width='700' class='list' border='1' bgcolor='#eeeeee' bordercolorlight='#000000' bordercolordark='#FFFFFF' cellpadding='0' cellspacing='0'> 
  <tr bgcolor='#cccccc'>  
    <td colspan='2' height='20'>  
      <div align='center'><b>File Information</b> </div> 
    </td> 
  </tr> 
  <tr>  
    <td colspan='2'> 
 
      <form name='edit' method='post' action='fso_edit.php' onsubmit='return check_form()'> 
        <table width='90%' border='0' align='center' > 
          <tr>  
            <td>Name ：</td> 
            <td><input type='text' name='name' value='upload_manager.class.php'></td> 
          </tr> 
          <tr>  
            <td valign='top'>Time ：</td> 
            <td>2003-10-02 00:55:59</td> 
          </tr> 
          <tr>  
            <td>Attrib ：</td> 
            <td><input type='text' name='attrib' value='666'> (rw-rw-rw-)</td> 
          </tr> 
          <tr>  
            <td>MoveTo ：</td> 
            <td> 
              <select name='move'> 
                <option value=''>NoMove</option> 
                <option value='../fso/../'>Parent Direction</option>

</select> 
            </td> 
          </tr> 
           <tr>  
             <td>Size ：</td> 
             <td>6.2 KB</td> 
           </tr> 
           <tr>  
             <td valign='top'>Content ：</td> 
             <td> 
               <textarea id='txt_ln' name='content' rows='10' cols='4' style='overflow:hidden;height:200px;border-right:0px;text-align:right' readonly></textarea><textarea id='txt_main' name='content' rows='10' cols='70 'onkeydown='editTab()' onChange="document.forms[0].modi.value='ture'" onscroll='show_ln()' wrap='off' style='overflow:auto;height:200px;padding-left:5px;border-left:0px'> 
/******************************************** 
*                                           * 
* Name    : Upload Manager                  * 
* Author  : Windy_sk                        * 
* Time    : 2003-05-10                      * 
* Email   : flyhorses@sina.com              * 
* HomePage: None (Maybe Soon)               * 
* Notice  : U Can Use & Modify it freely,   * 
*           BUT PLEASE HOLD THIS ITEM.      * 
*                                           * 
********************************************/ 
class Upload_Manager { 
 var $upload_path = ""; 
 var $upload_counter = 0; 
 var $upload_result = array(); 
 var $upload_rename = false;

function Upload_Manager($upload_path = 'upload/', $upload_rename = false, $relative = false) {

}

</textarea> 
               <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Efor(var%20i%3D1%3B%20i%3C%3D20%3B%20i%2B%2B)%20document.getElementById('txt_ln').value%20%2B%3D%20i%20%2B%20'%5Cn'%3B%3C%2Fscript%3E"> 
               <input type='hidden' name='modi' value=''> 
             </td> 
           </tr> 
   
          <tr>  
            <td colspan='2'>  
              <div align='center'>
 
                <input type='hidden' name='name_org' value='upload_manager.class.php'> 
                <input type='hidden' name='path' value='../fso'> 
                <input type='Submit' value=' 确 定 ' name='Submit'>   
                <input type='reset' value=' 重 置 ' name='reset'>   
                <input type='checkbox' value='true' name='del'> 删 除 
              </div> 
            </td> 
          </tr> 
        </table> 
      </form> 
    </td> 
  </tr> 
</table> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程