基于jquery的让textarea自适应高度的插件


Posted in Javascript onAugust 03, 2010

Introduction
1. This textarea is like the google calendar's description when you create one new or update one existence calendar;
2. Its height will be changed accroding to user's input;
3. Its scrollbar is removed, which makes it much user friendly. I guess you may like it.

Using the code

1. import the jquery.js and textarea.js
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/textarea.js"></script>

2. add the following css
<style type="text/css">
.autoHeight{border:1px solid #666666; width:300px; height:60px; line-height:20px; font:11px verdana; overflow:hidden;}
</style>

3. add one textare html control
<textarea class="autoHeight" id="textarea1"></textarea>

4. make it works
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$(".autoHeight").TextAreaAutoHeight();
});
</script>

Javascript 相关文章推荐
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
js实现浏览本地文件并显示扩展名的方法
Aug 17 Javascript
js canvas实现擦除动画
Jul 16 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
深入解析koa之异步回调处理
Jun 17 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 Javascript
jQuery实现简单弹幕制作
Dec 10 jQuery
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 #Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 #Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 #Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 #Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 #Javascript
jquery下onpropertychange事件的绑定方法
Aug 01 #Javascript
关于this和self的使用说明
Aug 01 #Javascript
You might like
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
php分页查询的简单实现代码
2017/03/14 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
JS中frameset框架弹出层实例代码
2016/04/01 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
vue.js 实现点击按钮动态添加li的方法
2018/09/07 Javascript
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
JS实现纸牌发牌动画
2021/01/19 Javascript
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Django 外键的使用方法详解
2019/07/19 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
Python中生成ndarray实例讲解
2021/02/22 Python
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
什么是Web Service?
2012/07/25 面试题
新学期家长寄语
2014/01/19 职场文书
模具毕业生推荐信
2014/02/15 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
教学质量月活动总结
2015/05/11 职场文书
交通事故被告答辩状
2015/05/22 职场文书
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android