当前位置:编程学习 > C#/ASP.NET >>

textarea 读取数据自动显示内容高度

<textarea name="Area" id="TextArea" class="TextArea"><%=content%></textarea>

在读取数据库信息后自动显示内容后的高度。并在输入信息时自动增加高度。请高手指点啊。。 行业数据 textarea  自动增高 --------------------编程问答-------------------- 貌似只能设定宽高 ,然后滚动条 --------------------编程问答-------------------- 把滚动条禁用,设置固定宽度,插入不定量内容,看效果 --------------------编程问答-------------------- 把其宽度设置死了看看 --------------------编程问答-------------------- 烦的是在读取数据的时候要自动显示内容后的高度啊,不要滚动条, --------------------编程问答-------------------- --------------------编程问答-------------------- 真难..  --------------------编程问答-------------------- 鼠标单击变双击的维修方法  --------------------编程问答--------------------
引用 7 楼 u010900359 的回复:
鼠标单击变双击的维修方法 


问鼠标的那个是另外个帖子啊,  串啦  --------------------编程问答-------------------- 这个需求是做不到的,因为textarea不本身支持不了,除非用变通的近似的办法。
比如:textarea设置一个等宽字体,然后看指定的宽度显示多少个字符,最后拿内容的总字数去算出行数。 --------------------编程问答-------------------- 那为啥要用textarea呢,用div多好,定义一下样式,让它看起来像textarea --------------------编程问答--------------------

<script type="text/javascript">
        function load() {
            var textarea = document.getElementById("textarea");
            textarea.style.posHeight = textarea.scrollHeight;
        }
    </script>
<body onload = "load();">
    <form id="form1" runat="server" >
       <div >
            <textarea id="textarea" style="overflow:hidden">在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。 在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。  </textarea>          </div>
    </form>
</body>
--------------------编程问答-------------------- 在上面的基础上加个onchange事件

<textarea id="textarea" style="overflow:hidden" onchange="load();"> </textarea>
            
--------------------编程问答--------------------
引用 11 楼 zifengshen1981 的回复:

<script type="text/javascript">
        function load() {
            var textarea = document.getElementById("textarea");
            textarea.style.posHeight = textarea.scrollHeight;
        }
    </script>
<body onload = "load();">
    <form id="form1" runat="server" >
       <div >
            <textarea id="textarea" style="overflow:hidden">在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。 在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高。  </textarea>          </div>
    </form>
</body>


在事件频繁出发的时候 ,框会变高
修改document.getElementById("TextBox1").style.posHeight = document.getElementById("TextBox1").scrollHeight-4; 就好了 --------------------编程问答--------------------
引用 4 楼 u010072032 的回复:
烦的是在读取数据的时候要自动显示内容后的高度啊,不要滚动条,


计算字体高度宽度  然后更具text宽度计算出几行  再然后你就可以设置宽度了

--------------------编程问答-------------------- 额
怎么你们还纠结啊,用div啊
复制看效果

<html>
  <head>
    <title>设置DIV边框 和 使其可编辑</title>
    <meta http-equiv="content-type" content="text/html; 

charset=GBK">
</head>
<body>
        <div id="result" style="min-height:28px;height:auto !

important;height:28px;overflow:visible;width:100px;
overflow:visible;
font-size:11pt;font-family:宋体;color:black;word-break:break-

all;word-wrap:break-word;cursor:text;
text-align:left;border:1px black solid;">
        </div>
 </body>
    <script type="text/javascript">
//设置div 可编辑
function setDivCanEdit() {
document.getElementById("result").contentEditable = true;//使DIV可编


document.execCommand('2D-Position', true, true); 
}
setDivCanEdit();
</script>
</html>
--------------------编程问答-------------------- 想怎么设,就怎么设 --------------------编程问答-------------------- 用DIV模拟个TEXTAREA不可以吗? --------------------编程问答-------------------- 在后台写方法,加一条内容,把textarea 的高属性就+多少
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,