基于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 相关文章推荐
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
Aug 27 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
微信小程序indexOf的替换方法(推荐)
Jan 14 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 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
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
ThinkPHP采用模块和操作分析
2011/04/18 PHP
php开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
PHP自动重命名文件实现方法
2014/11/04 PHP
限制文本字节数js代码
2007/03/06 Javascript
jquery的颜色选择插件实例代码
2008/10/02 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
Javascript中引用示例介绍
2014/02/21 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
python用post访问restful服务接口的方法
2018/12/07 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
手把手教你使用Python创建微信机器人
2019/04/29 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
美国餐厅用品和厨房设备批发网站:KaTom Restaurant Supply
2018/01/27 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
学习党课思想汇报
2013/12/29 职场文书
个人查摆剖析材料
2014/10/16 职场文书
机关单位保密工作责任书
2015/05/11 职场文书
2015年村级财务管理制度
2015/08/04 职场文书