针对有网友说看不见文章内容, 现提示如下: 点击每一个标题行任一地方都会展开和隐藏此文章内容(不要点击标题). 目前展开隐藏功能只支持IE浏览器,虽然可以改成支持FF浏览器,不过现在一直没时间去弄,等有时间再修改了。 |
blog名称:乱闪Blog 日志总数:267 评论数量:1618 留言数量:-26 访问次数:2671464 建立时间:2005年1月1日 |
|

| |
自动适应输入内容高度的TextBox控件(摘自罗永浩全集)
|
来源: 未知
作者: cmoremore
更新日期: [2005-03-12]
关于Web开发上面UI布局的问题,我上次介绍了一个可以自动适应输入内容宽度的TextBox控件,它可以解决在布局时预留控件大小和用户数入内容多少上的矛盾。但是由于那个控件被限制了只能做为单行输入使用:(,在输入大块文本时就力不从心了,那么就再做一个可自动适应高度的TextBox。 原理和那个适应宽度的TextBox查不多,只是这个反而更加简单,因为在高度方向上增长不会破坏页面的整体布局效果(宽度上的如果在页内会挤走别的元素的),所以就不需要使用Agent TextBox来作为实际录入的容器了,直接把<TextArea>增高就行了。 响应onpropertychange事件,同步内容和<TextArea>的高度。当然如果完全根据内容增高可能也会因为内容太多而变得难看,就设置了一个最大高度限制属性。控件效果如下:
最大高度为200px的AutoTextBox Demo: 200)?200:this.scrollHeight)+(this.offsetHeight-this.clientHeight+1)" name=ataRemark rows=1 cols=1>
最大高度为200px但初始高度为3rows的AutoTextBox Demo: 200)?200:Math.max(this.minHeight,this.scrollHeight))+(this.offsetHeight-this.clientHeight)" name=ataRemark rows=3 minheight="63">
高度增长无限制的AutoTextBox Demo: 如果控件的MaxHeight属性小于或等于0,那么增长高度无限制。
500)this.width=500'>500)this.width=500'>附 AutoTextBox 控件源码
|
|
回复:自动适应输入内容高度的TextBox控件(摘自罗永浩全集)
|
kpkop[oklp
k[k;l
k[pkp[okop
k[pokl'k'
kpokkkkkk[po
k[pk[poko[
k[k[pkpo
kp[okp[ko[p |
电脑与网络 opierosffkld(游客|222.66.62.150)发表评论于2005/7/27 8:11:35 |
| |
回复:自动适应输入内容高度的TextBox控件(摘自罗永浩全集)
|
电脑与网络 ppo(游客|222.66.62.150)发表评论于2005/7/27 8:10:48 |
| |
» 1 »
|