软件开发培训班 >> 编程开发 >> JavaScript

显示行号的文本输入框

　　本文标签：显示行号的文本输入框

<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> 
<script> 
function check_form() { 
 var the_form = document.forms[0]; 
 if(!/^[\w\.]+$/.test(the_form.name.value)) { 
  alert(Bad File Name !); 
  the_form.name.focus(); 
  return false; 
 } 
 if(!/^[0-7]{3}$/.test(the_form.attrib.value)) { 
  alert(Bad File Attrib !); 
  the_form.attrib.focus(); 
  return false; 
 } 
 if(the_form.del.checked) { 
  return confirm(Are you sure to delete the file ?); 
 } 
 return true; 
}

function show_ln(){ 
 var txt_ln  = document.getElementById(txt_ln); 
 var txt_main  = document.getElementById(txt_main); 
 txt_ln.scrollTop = txt_main.scrollTop; 
 while(txt_ln.scrollTop != txt_main.scrollTop) { 
  txt_ln.value += (i++) + \n; 
  txt_ln.scrollTop = txt_main.scrollTop; 
 } 
 return; 
}

function editTab(){ 
 var code, sel, tmp, r 
 var tabs= 
 event.returnValue = false 
 sel =event.srcElement.document.selection.createRange() 
 r = event.srcElement.createTextRange()

switch (event.keyCode){ 
  case (8) : 
   if (!(sel.getClientRects().length > 1)){ 
    event.returnValue = true 
    return 
   } 
   code = sel.text 
   tmp = sel.duplicate() 
   tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) 
   sel.setEndPoint(startToStart, tmp) 
   sel.text = sel.text.replace(/^\t/gm, ) 
   code = code.replace(/^\t/gm, ).replace(/\r\n/g, \r) 
   r.findText(code) 
   r.select() 
   break 
  case (9) : 
   if (sel.getClientRects().length > 1){ 
    code = sel.text 
    tmp = sel.duplicate() 
    tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) 
    sel.setEndPoint(startToStart, tmp) 
    sel.text = \t+sel.text.replace(/\r\n/g, \r\t) 
    code = code.replace(/\r\n/g, \r\t) 
    r.findText(code) 
    r.select() 
   }else{ 
    sel.text = \t 
    sel.select() 
   } 
   break 
  case (13) : 
   tmp = sel.duplicate() 
   tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) 
   tmp.setEndPoint(endToEnd, sel)

for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++) tabs += \t 
   sel.text = \r\n+tabs 
   sel.select() 
   break 
  default  : 
   event.returnValue = true 
   break 
 } 
} 
</script> 
<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> 
               <script>for(var i=1; i<=20; i++) document.getElementById(txt_ln).value += i + \n;</script> 
               <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>

技术文章快速查找

Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

Jquery+ajax请求data显示在GridView上(asp.net)

jquery css 设置table的奇偶行背景色示例

关于flash遮盖div浮动层的解决方法

javascript判断iphone/android手机横竖屏模式的函数

禁止你的左键复制实用技巧

新老版本juqery获取radio对象的方法

深入学习JavaScript中Function对象语法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建