97人人模人人爽人人喊电影,亲亲抱抱举柔柔的长视频

　顯示行號(hào)的文本輸入框

作者：Windy2000　時(shí)間： 2003-11-03　文檔類型：原創(chuàng)　來自：藍(lán)色理想

大多數(shù)文本編輯軟件都有顯示行號(hào)的功能，你是不是想讓網(wǎng)頁(yè)里的文本輸入框也有這樣的行號(hào)顯示呢？那請(qǐng)你看一下Windy2000編寫的這個(gè)效果吧：

<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>
<div style='font-weight:bold; font-size: 18px'>File: ../fso/upload_manager.class.php</div><br>
<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'> <br />
      <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 &amp; Modify it freely,   *
*           BUT PLEASE HOLD THIS ITEM.      *
*                                           *
********************************************/
class Upload_Manager {
 var $upload_path = &quot;&quot;;
 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'><br>
                <input type='hidden' name='name_org' value='upload_manager.class.php'>
                <input type='hidden' name='path' value='../fso'>
                <input type='Submit' value=' 確 定 ' name='Submit'>&nbsp;&nbsp;
                <input type='reset' value=' 重 置 ' name='reset'>&nbsp;&nbsp;
                <input type='checkbox' value='true' name='del'> 刪 除
              </div>
            </td>
          </tr>
        </table>
      </form>
    </td>
  </tr>
</table>
</BODY>
</HTML>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

您可以進(jìn)入我們的論壇參與討論：
http://m.95time.cn/bbs/NewsDetail.asp?id=1230593

出處：藍(lán)色理想
責(zé)任編輯：LeXRus

◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章

更多相關(guān)鏈接

JavaScript實(shí)用的一些技巧

表單驗(yàn)證 Validator v1.0

js 幾種常用的表單輸入判斷

js實(shí)現(xiàn)單機(jī)雙人象棋演示及其分析

在 DW 中插入 Flash 的參數(shù)詳解

作者文章

更多作者文章

用 onerror 獲取錯(cuò)誤信息

用 Quick Click 練習(xí)鼠標(biāo)定位

Javascript 編寫的文字放大效果

將 html 轉(zhuǎn)成 ubb代碼的小腳本

用 prototype 定義自己的方法


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大�！熬�•自然”設(shè)計(jì)大賽開啟

國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行

中國(guó)國(guó)防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語(yǔ)言的編碼規(guī)范

如何在illustrator中繪制臺(tái)歷

Ps簡(jiǎn)單繪制一個(gè)可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡(jiǎn)單的作品展示頁(yè)面

CSS定位機(jī)制之一:普通流

25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx