社区
JavaScript
帖子详情
谁能帮我实现这种的功能TEXTAREA?
tland
2004-11-10 04:57:03
我有一个备注字段,记录了每个用户填写的备注信息,内容形如:“用户A 20041012 ...;用户B 20041015 ...;”,用户每次填写的备注信息一直往后追加
现在我想用一个TEXTAREA显示这个字段的内容,已有的备注信息用户不可编辑(最好能用不同颜色显示),用户只能在后面输入新的备注信息?
不知道有没有说清楚?哪位大侠能帮我?
...全文
213
9
打赏
收藏
谁能帮我实现这种的功能TEXTAREA?
我有一个备注字段,记录了每个用户填写的备注信息,内容形如:“用户A 20041012 ...;用户B 20041015 ...;”,用户每次填写的备注信息一直往后追加 现在我想用一个TEXTAREA显示这个字段的内容,已有的备注信息用户不可编辑(最好能用不同颜色显示),用户只能在后面输入新的备注信息? 不知道有没有说清楚?哪位大侠能帮我?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
tland
2004-11-11
打赏
举报
回复
多谢楼上各位
结贴..
是是非非
2004-11-10
打赏
举报
回复
强化版的
<?xml version="1.0" encoding="gb2312" standalone="no" ?>
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
<!--
body{padding:0px;margin:0px;background-image:url(/images/PositionBG.gif);}
div,textarea {font-size:12px;}
-->
</style>
<script language="JavaScript">
<!--
function Point(){
try{this.X=parseInt(arguments[0])}catch(e){this.X=0;}finally{if(this.X!=this.X) this.X=0;}
try{this.Y=parseInt(arguments[1])}catch(e){this.Y=0;}finally{if(this.Y!=this.Y) this.Y=0;}
try{this.W=parseInt(arguments[2])}catch(e){this.W=0;}finally{if(this.W!=this.W) this.W=0;}
try{this.H=parseInt(arguments[3])}catch(e){this.H=0;}finally{if(this.H!=this.H) this.H=0;}
}
function GetAbsPosition(e){
var l,t,w,h;
l=0;t=0;
w=e.offsetWidth;
h=e.offsetHeight;
while(e){
l+=parseInt(e.offsetLeft);
t+=parseInt(e.offsetTop);
e=e.parentElement;
}
return new Point(l,t,w,h);
}
function alignDivAndText(oTxt,oDiv){
//debugger;
var r=GetAbsPosition(oTxt);
oDiv.style.left=r.X;
oDiv.style.top=r.Y;
oDiv.style.width=r.W;
var r1=GetAbsPosition(oDiv)
oTxt.style.height=r1.H+100;
oTxt.style.paddingTop=r1.H;
}
-->
</script>
<title></title>
</head>
<body>
<div id="haha" style="position:absolute;z-index:9">
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
</div>
<textarea name="tst" cols="50" rows="15" style="position:absolute;left:100px;top:100px;">aaaaaa</textarea>
<script>
alignDivAndText(document.all('tst'),document.all('haha'));
</script>
</body>
</html>
是是非非
2004-11-10
打赏
举报
回复
<?xml version="1.0" encoding="gb2312" standalone="no" ?>
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
<!--
body{padding:0px;margin:0px;background-image:url(/images/PositionBG.gif);}
div,textarea {font-size:12px;}
-->
</style>
<script language="JavaScript" src="/Script/Default.js"></script>
<script language="JavaScript">
<!--
function alignDivAndText(oTxt,oDiv){
var l=oTxt.offsetLeft;
var t=oTxt.offsetTop;
var w=oTxt.clientWidth;
var h=oDiv.clientHeight;
oDiv.style.left=l;
oDiv.style.top=t;
oDiv.style.width=w;
oTxt.style.paddingTop=h;
oTxt.style.height=h+100;
}
-->
</script>
<title></title>
</head>
<body>
<div id="haha" style="position:absolute;z-index:9">
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
ceshi 1<br />
</div>
<textarea name="tst" cols="50" rows="15" style="position:absolute;left:100px;top:100px;">aaaaaa</textarea>
<script>
alignDivAndText(document.all('tst'),document.all('haha'));
</script>
</body>
</html>
JK_10000
2004-11-10
打赏
举报
回复
上帝要犯错的时候
摩西还直言劝止呢
用户脑子有问题就尝试给他提个醒
总不能最后做出来的结果,
只符合提这个“创意”的人的习惯,而其它的人都横竖看不顺眼。
自适应大小的textarea:
<head>
<style>
.textareaWidthoutBorder
{
height : expression(this.scrollHeight+5);
overflow : hidden;
}
</style>
</head>
<body bgcolor=efefef>
<textarea class=textareaWidthoutBorder style="width:200" readOnly >将内容忠实显示
折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行
折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行
折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行折行
fdsa</textarea>
</body>
tland
2004-11-10
打赏
举报
回复
根据文本的长度自动调节TEXTAREA的大小可行吗?
tland
2004-11-10
打赏
举报
回复
没办法啊,用户脑子有问题,要求这样比较美观
本身原来就没考虑到要保存多个用户的备注信息,现在才提出来,没办法现在只能暂这样保存
我是想能不能把两个TEXTAREA并在一起,上面一个TEXTAREA显示旧信息,能否根据旧信息的长度自适应大小?下面一下输入新信息,这样视觉上也像是在一个TEXTAREA里
JK_10000
2004-11-10
打赏
举报
回复
把旧信息放在textarea外有什么不合要求或不合习惯吗?
<table border="1" >
<tr>
<td>已有备注</td>
<td>
用户A 20041012 ...;<br>
用户B 20041015 ...;</td>
</tr>
<tr>
<td>添加备注</td>
<td><textarea></textarea></td>
</tr>
</table>
孟子E章
2004-11-10
打赏
举报
回复
不可以。只可以把以前的与新输入的分开,放2个地方
tland
2004-11-10
打赏
举报
回复
自己先顶一下
React div
实现
一个
textarea
原文:codesky.me/archives/re… 用掘金刊登虽然分流了但是主要是!现在分享的曝光率实在太低了!!所以…………↑支持的请点下原博收藏下关注下以及我的微博。 看到标题,老爷们肯定不满意,切,用 div
实现
一个
textarea
有啥难度,不就是 contenteditable 吗? 看到 React,又要多加一句:切,跟用什么库有什么关系。实际上在使用的时候,我还是遇到了一点...
CSS
textarea
高度自适应的另类
实现
(HTML5 contenteditable)
介绍
textarea
相较于input输入框多了换行的
功能
。 但是有些场景设计下(尤其是移动H5的需求),希望输入框高度开始只有一行高,输入文字换行后,高度自动撑开。这个时候使用
textarea
就显得不那么好用了 经过一段时间百度,许多资料都说使用js来获取
textarea
的滚动条的高度信息,动态计算和调整
textarea
的高度。 问题
这种
方法的问题是,它是基于类似监听滚动条是否出现来控制
textarea
高度变化。在输入文字的时候,换行若文字超过高度,则滚动条出现,然后触发js调整高度。 然而
使用 div 自定义 input 和
textarea
使用 contenteditable="true" 属性,可以
实现
一个高度自定义、
功能
强大的输入框,克服原生 input 和
textarea
的局限性。
显示html标签的
textarea
字数,JavaScript中统计
Textarea
字数并提示还能输入的字符
现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验。如果
实现
这种
技术呢,我进行了一些研究,发现
实现
其实挺简单,几行代码就能完成输入字符统计
功能
,经过实际测试,其对文字的统计与Twitter等微博客的完全相同。使用方法是,先增加一个span,用于显示...
JavaScript中
实现
统计
Textarea
的字数
使用方法是,先增加一个span,用于显示剩余的字数,然后在
Textarea
中,加入一个onkeydown和onkeyup的事件,调用另一段JavaScript函数,函数调用的参数为span的id和
textarea
的id,然后再JavaScript中使用innerHTML返回计算出来的剩余字数。
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章