基于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 相关文章推荐
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
jQuery使用ajaxSubmit()提交表单示例
Apr 04 Javascript
jquery实现一个简单的表单验证实例
Mar 30 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
微信小程序通过api接口将json数据展现到小程序示例
Jan 20 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
vue 计时器组件的实现代码
Sep 14 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 Javascript
详解JavaScript的计时器和按钮效果设置
Feb 18 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数据库调用类调用实例(详细注释)
2012/07/12 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
json+jQuery实现的无限级树形菜单效果代码
2015/08/27 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
Bootstrap3学习笔记(三)之表格
2016/05/20 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
js获取浏览器和屏幕的各种宽度高度
2017/02/22 Javascript
微信小程序 页面滑动事件的实例详解
2017/10/12 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
2019/10/25 Javascript
浅谈如何优雅处理JavaScript异步错误
2019/11/12 Javascript
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
Python基础语言学习笔记总结(精华)
2017/11/14 Python
详解Python发送email的三种方式
2018/10/18 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
Python如何读取、写入CSV数据
2020/07/28 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
海淘母婴商城:国际妈咪
2016/07/23 全球购物
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
2016五一手机促销广告语
2016/01/28 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书