显示行号的文本输入框- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 显示行号的文本输入框

Javascript: javascript动画效果类封装代码; javascript关于复选框的实用脚本代码; javascript使用Dom改变超链接前面文本框的值; javascript select列表内容按字母倒序排序与按列表倒序排列; （兼容ff/ie）td点击背景变色特效; javascript跟随滚动条滚动的层(浮动AD效果); javascript按指定格式输出文件最后更新时间; javascript实现的一个自定义长度的文本自动换行的函数。; javascript模仿百万格子小的一小段代码; 兼容FireFox 用javascript写的一个画图函数; javascript写的一个表单动态输入提示的代码; 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果; javascript一个判断浏览器类型的函数（类）; 不错的用外部Javascript修正特定网页内容; 找到了一篇jQuery与Prototype并存的冲突的解决方法; 070823更新的一个[消息提示框]组件兼容ie7; 错误剖析之JavaScript的9个陷阱及评点; 推荐一些非常不错的javascript学习资源站点; 出现“不能执行已释放的Script代码”错误的原因及解决办法; 给Javascript数组插入一条记录的代码

No. « ‹ 81 82 83 84 › »

技术文章搜索

关键字

Javascript 中的显示行号的文本输入框

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 326 ::

收藏到网摘: n/a

静态的动态续篇之来点XML 仿DVBBS下拉菜单效果修正无错

点击运行可以看到效果:

<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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

静态的动态续篇之来点XML 仿DVBBS下拉菜单效果修正无错

Javascript 中的 显示行号的文本输入框

评论 (0) All

Javascript 中的显示行号的文本输入框