(window.slotbydup=window.slotbydup || []).push({
id: '2081942',
container: s,
size: '1000,60',
display: 'inlay-fix'　显示行号的文本输入框
作者：　时间： 　文档类型：原创　来自：
大多数文本编辑软件都有显示行号的功能，你是不是想让网页里的文本输入框也有这样的行号显示呢？那请你看一下Windy2000编写的这个效果吧：&HTML&
&TITLE&DirMap&/TITLE&
&meta http-equiv='Content-Type' content='text/ charset=gb2312'&
font-size: 12px
margin: 10 padding: 0px
COLOR: TEXT-DECORATION:
COLOR: TEXT-DECORATION:
TEXT-DECORATION: none
A:visited {
TEXT-DECORATION: none
table.list{
border:1px solid #cccccc
background-color: #
border-collapse:
border-Color: #
function check_form() {
var the_form = document.forms[0];
if(!/^[\w\.]+$/.test(the_form.name.value)) {
alert('Bad File Name !');
the_form.name.focus();
if(!/^[0-7]{3}$/.test(the_form.attrib.value)) {
alert('Bad File Attrib !');
the_form.attrib.focus();
if(the_form.del.checked) {
return confirm('Are you sure to delete the file ?');
function show_ln(){
var txt_ln
= document.getElementById('txt_ln');
var txt_main
= document.getElementById('txt_main');
txt_ln.scrollTop = txt_main.scrollT
while(txt_ln.scrollTop != txt_main.scrollTop) {
txt_ln.value += (i++) + '\n';
txt_ln.scrollTop = txt_main.scrollT
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
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()
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()
sel.text = '\t'
sel.select()
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]. i++) tabs += '\t'
sel.text = '\r\n'+tabs
sel.select()
event.returnValue = true
&div style='font-weight: 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 colspan='2'& &br /&
&form name='edit' method='post' action='fso_edit.php' onsubmit='return check_form()'&
&table width='90%' border='0' align='center' &
&td&Name ：&/td&
&td&&input type='text' name='name' value='upload_manager.class.php'&&/td&
&td valign='top'&Time ：&/td&
&td& 00:55:59&/td&
&td&Attrib ：&/td&
&td&&input type='text' name='attrib' value='666'& (rw-rw-rw-)&/td&
&td&MoveTo ：&/td&
&select name='move'&
&option value=''&NoMove&/option&
&option value='../fso/../'&Parent Direction&/option&
&td&Size ：&/td&
&td&6.2 KB&/td&
&td valign='top'&Content ：&/td&
&textarea id='txt_ln' name='content' rows='10' cols='4' style='overflow:height:200border-right:0text-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:height:200padding-left:5border-left:0px'&
/********************************************
: Upload Manager
: Windy_sk
* HomePage: None (Maybe Soon)
: 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 =
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 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'&&&
&input type='reset' value=' 重 置 ' name='reset'&&&
&input type='checkbox' value='true' name='del'& 删 除
&/HTML& [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]您可以进入我们的论坛参与讨论：
责任编辑：
◎进入论坛、版块参加讨论
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们，我们将立即删除修改。
本文暂时没有评论和评分
说明：输入正确的用户名和密码才能参与评论。如果您不是本站会员，你可以 为本站会员。
注意：文章中的链接、内容等需要修改的错误，请用，以利文档及时修改。
注意：请不要在评论中含与内容无关的广告链接，违者封ID
请您注意：?不良评论请用，以利管理员及时删除。?尊重网上道德，遵守中华人民共和国的各项有关法律法规?承担一切因您的行为而直接或间接导致的民事或刑事法律责任?本站评论管理人员有权保留或删除其管辖评论中的任意内容
?您在本站发表的作品，本站有权在网站内转载或引用 ?参与本评论即表明您已经阅读并接受上述条款
专业书推荐
&1999-. 版权所有Service Unavailable
Service Unavailable
HTTP Error 503. The service is unavailable.}