一区二区三区四区视频在线观看,永久福利视频

如何使textarea 顯示行號

2018.09.04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>在文本框中顯示行號，兼容瀏覽器ie、ff</title>

<link href="style/public.css" rel="stylesheet" type="text/css">

<style type="text/css">

.b1{height:20px;border:1px solid #7f9db9;line-height:20px; padding:0}

input.btn{height:auto; font-size:14px; font-weight:bold; color:#000}

#main {color:#666}

textarea{border:1px solid #7f9db9; font-size:14px; width:448px; color:#000}

input{font-size:14px; color:#000}

#main h3{color:#000}

.grey{color:#999}

em{font-style:normal; color:#FF0000; font-size:12px;}

#msg1,#msg2,#msg3,#msg4{ display:none}

#ol{position:absolute; z-index:1; padding:0px; margin:0px; border:0px; background:#ecf0f5;width:23px; text-align:left; }

#li{background:#ecf0f5; height:160px; overflow:hidden; width:23px; border-right:0; line-height:20px; margin:0px; padding:0px; padding-left:2px; text-align:center}

#c2{font-family:Arial, Helvetica, sans-serif; height:160px; margin:0px; width:420px; padding:0 0 0 28px; overflow-x: hidden; line-height:20px;}

</style>

<script language="javascript" type="text/javascript">

String.prototype.trim2 = function()

{

return this.replace(/(^\s*)|(\s*$)/g, "");

}

function F(objid){

return document.getElementById(objid).value;

}

function G(objid){

return document.getElementById(objid);

}

</script>

</head>

<body onLoad="keyUp();">

<h3><em>*</em>專輯曲目：</h3>

<div>

<table width="900" border="0" cellspacing="0" cellpadding="0" style="position:relative">

<tr>

<td width="55%">

<div id="ol"><textarea cols="2" rows="10" id="li" disabled></textarea></div>

<textarea name="co" cols="60" rows="10" wrap="off" id="c2" onblur="check('2')" onkeyup="keyUp()" onFocus="clearValue('2')" onscroll="G('li').scrollTop = this.scrollTop;" oncontextmenu="return false" class="grey">牛仔很忙周杰倫

吻別張學(xué)友

Colorful Days 樸樹

美麗的神話韓紅孫楠</textarea>

</td>

<td width="45%" valign="top"><p>在文本框中顯示行號，兼容瀏覽器ie、ff</p>

<p

>輸入內(nèi)容回車換行，會顯示行號。支持粘貼。js代碼是從工作中的代碼摘出來的，可能有些冗余。</

p>

</td>

</tr>

</table>

</div>

<em class="block" id="msg2">不能為空。</em>

<script language="javascript" type="text/javascript">

var msgA=["msg1","msg2","msg3","msg4"];

var c=["c1","c2","c3","c4"];

var slen=[50,20000,20000,60];//允許最大字?jǐn)?shù)

var num="";

var isfirst=[0,0,0,0,0,0];

function isEmpty(strVal){

if( strVal == "" )

return true;

else

return false;

}

function isBlank(testVal){

var regVal=/^\s*$/;

return (regVal.test(testVal))

}

function chLen(strVal){

strVal=strVal.trim2();

var cArr = strVal.match(/[^\x00-\xff]/ig);

return strVal.length + (cArr == null ? 0 : cArr.length);

}

function check(i){

var iValue=F("c"+i);

var iObj=G("msg"+i);

var n=(chLen(iValue)>slen[i-1]);

if((isBlank(iValue)==true)||(isEmpty(iValue)==true)||n==true){

iObj.style.display ="block";

}else{

iObj.style.display ="none";

}

function checkAll(){

for(var i=0;i<msgA.length; i++){

check(i+1);

if(G(msgA[i]).style.display=="none"){

continue;

}else{

alert("填寫錯誤,請查看紅色提示信息！");

return;

}

G("form1").submit();

}

function clearValue(i){

G(c[i-1]).style.color="#000";

keyUp();

if(isfirst[i]==0){

G(c[i-1]).value="";

}

isfirst[i]=1;

}

function keyUp(){

var obj=G("c2");

var str=obj.value;

str=str.replace(/\r/gi,"");

str=str.split("\n");

n=str.length;

line(n);

}

function line(n){

var lineobj=G("li");

for(var i=1;i<=n;i++){

if(document.all){

num+=i+"\r\n";

}else{

num+=i+"\n";

}

lineobj.value=num;

num="";

}

function autoScroll(){

var nV = 0;

if(!document.all){

nV=G("c2").scrollTop;

G("li").scrollTop=nV;

setTimeout("autoScroll()",20);

}

if(!document.all){

window.addEventListener("load",autoScroll,false);

}

</script>

</body>

</html>

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

語音聊天程序源碼——簡單的聊天室搭建

用JQuery編寫textarea,input,checkbox,select

遮罩層，和正在加載中

完美的1px的文本輸入框

js常用排序?qū)崿F(xiàn)代碼

APS.NET MVC4生成解析二維碼簡單Demo

更多類似文章 >>

九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区