<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JsActiveShowLength.aspx.cs"
Inherits="JsActiveShowLength" %>
<!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 runat="server">
<title>无标题页</title>
<script src="Upimg/jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
var strLengLong = 140;
var timeId = null;
$(document).ready(function(){
$("#TBBlogContent").val("");
});
function onTextChange()
{
var ele = $("#TBBlogContent");
if(ele.val().length<strLengLong)
{
$("#charcount").html('可以输入<span id="tbInfo">'+eval(strLengLong-ele.val().length)+'</span>字');
}
else
{
$("#charcount").html("<span style='color:#cc0000'>已经超出 "+eval(ele.val().length-strLengLong)+" 字</span");
}
if(ele.val().length==strLengLong)
{
$("#charcount").html('注意:字数已经达到上限');
}
}
function setSpace()
{
$("#TBBlogContent").val("");
}
function SettimeHander(ele)
{
timeId = setInterval("onTextChange()",100);
}
function clearTimeHander()
{
clearInterval(timeId);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div >
<asp:TextBox ID="TBBlogContent" runat="server" οnfοcus="SettimeHander()" onblur = "clearTimeHander()"
Height="91px" TextMode="MultiLine" Width="339px"></asp:TextBox>
</div>
<div id="charcount">
可以输入<span id="tbInfo">140</span>字
</div>
</form>
</body>
</html>
Inherits="JsActiveShowLength" %>
<!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 runat="server">
<title>无标题页</title>
<script src="Upimg/jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
var strLengLong = 140;
var timeId = null;
$(document).ready(function(){
$("#TBBlogContent").val("");
});
function onTextChange()
{
var ele = $("#TBBlogContent");
if(ele.val().length<strLengLong)
{
$("#charcount").html('可以输入<span id="tbInfo">'+eval(strLengLong-ele.val().length)+'</span>字');
}
else
{
$("#charcount").html("<span style='color:#cc0000'>已经超出 "+eval(ele.val().length-strLengLong)+" 字</span");
}
if(ele.val().length==strLengLong)
{
$("#charcount").html('注意:字数已经达到上限');
}
}
function setSpace()
{
$("#TBBlogContent").val("");
}
function SettimeHander(ele)
{
timeId = setInterval("onTextChange()",100);
}
function clearTimeHander()
{
clearInterval(timeId);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div >
<asp:TextBox ID="TBBlogContent" runat="server" οnfοcus="SettimeHander()" onblur = "clearTimeHander()"
Height="91px" TextMode="MultiLine" Width="339px"></asp:TextBox>
</div>
<div id="charcount">
可以输入<span id="tbInfo">140</span>字
</div>
</form>
</body>
</html>