基于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 相关文章推荐
获取焦点时,利用js定时器设定时间执行动作
Apr 02 Javascript
jquery 快速回到页首的方法
Dec 05 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
vue中实现在外部调用methods的方法(推荐)
Feb 08 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 Javascript
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
解析PHP工厂模式的好处
2013/06/18 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
PHP简单获取及判断提交来源的方法
2016/04/22 PHP
php工具型代码之印章抠图
2018/07/18 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
actionscript与javascript的区别
2011/05/25 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
vue组件的写法汇总
2018/04/12 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
教你用Python写安卓游戏外挂
2018/01/11 Python
Python File(文件) 方法整理
2019/02/18 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
tensorflow如何继续训练之前保存的模型实例
2020/01/21 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
拉夫劳伦爱尔兰官方网站:Ralph Lauren爱尔兰
2020/04/10 全球购物
党员干部公开承诺书
2014/03/26 职场文书
关于迟到的检讨书
2015/05/06 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
导游词之广西漓江
2019/11/02 职场文书
python保存大型 .mat 数据文件报错超出 IO 限制的操作
2021/05/10 Python
详细聊聊vue中组件的props属性
2021/11/02 Vue.js
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers
SQL Server中的游标介绍
2022/05/20 SQL Server
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle