textarea 的最大高度以及最小高度

<script type="text/javascript">
$(function(){
$("#textarea3").textareaAutoHeight({ minHeight:25, maxHeight:69 });
})
//最小高度和最大高度默认

//最大高度为100px
//$("#textarea2").textareaAutoHeight({ maxHeight:100 });
//最小高度为50px,最大高度为200px
//$("#textarea3").textareaAutoHeight({ minHeight:50, maxHeight:200 });

$.fn.extend({
textareaAutoHeight: function (options) {
this._options = {
minHeight: 0,
maxHeight: 1000
}

this.init = function () {
for (var p in options) {
this._options[p] = options[p];
}
if (this._options.minHeight == 0) {
this._options.minHeight=parseFloat($(this).height());
}
for (var p in this._options) {
if ($(this).attr(p) == null) {
$(this).attr(p, this._options[p]);
}
}
$(this).keyup(this.resetHeight).change(this.resetHeight)
.focus(this.resetHeight);
}
this.resetHeight = function () {
var _minHeight = parseFloat($(this).attr("minHeight"));
var _maxHeight = parseFloat($(this).attr("maxHeight"));

if (!$.browser.msie) {
$(this).height(0);
}
var h = parseFloat(this.scrollHeight);
h = h < _minHeight ? _minHeight :
h > _maxHeight ? _maxHeight : h;
$(this).height(h).scrollTop(h);
if (h >= _maxHeight) {
$(this).css("overflow-y", "scroll");
}
else {
$(this).css("overflow-y", "hidden");
}
}
this.init();
}
});
</script>

时间: 2024-07-31 22:33:36

textarea 的最大高度以及最小高度的相关文章

兼容IE6浏览器的最大高度和最小高度css代码

兼容IE6浏览器的最大高度和最小高度css代码:IE6浏览器是不支持最大高度和最小高度属性的,下面就通过兼容性措施实现此功能.一.最大高度效果: .max_height{ max-height:400px; _height:expression(this.scrollHeight > 400 ? "400px" : "auto"); } 二.最小高度效果: .min_height{ min-height:200px; _height:expression(th

兼容IE6的最小高度代码实例

兼容IE6的最小高度代码实例:虽然IE6浏览器的市场正在逐渐缩小,并且在不久的将来就难觅其身影,但是当前还是有不少的用户.此浏览器并不支持min-height属性,下面就介绍一下如何实现IE6兼容此属性,由于代码比较简单,下面直接给出代码,如下: min-height: 200px; _height: 200px; / hack for ie6 */ 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15771 更多内容可以参阅:

浮动问题(IE6最小高度问题、双边距问题以及清理图片间隙)

注意事项:在IE6,7 元素浮动要并在同一行的元素 都要加浮动. IE6下上边距BUG IE6下,块元素有浮动和横向的margin,横向的margin值会被放大成两倍 IE6,7下li下几个PX的间隙问题 在IE6,7下li本身没浮动,但是内容浮动了li下就会多出几个px 解决方法: 1.给li加浮动. 2.给li加vertical-align:top(垂直对齐方式)还有middle,bottom对齐元素都要加上.可用于清理图片下方的空隙. span标签本身不支持宽高 问题:在IE6下高度小于1

CSS设置div的最小高度和最小宽度

CSS设置div的最小高度和最小宽度:所谓设置div的最小高度和宽度就是设置一个值,如果实际宽度或者高度小于此值时,就会将实际的宽度和高度值设置为规定的此最小值,下面就通过实例代码简单做一下介绍.如果在标准浏览器中,当然可以使用max-height或者max-width实现此效果,例如: max-width:50px; max-height:100px; 以上代码在标准浏览器中是没有任何问题的,但是无奈IE6浏览器并不支持,因为当前还有为数不少的IE6用户,所以需要兼容IE浏览器.代码修改如下:

ie67 设置最小宽度最小高度

1.最小宽度 min-width:1003px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1003?"1003px":""); 2.最小高度 min-height:700px;_height:expression((document.documentElement.clientheight||document.body.clienth

(016)给定一个有序数组(递增),写程序构建一棵具有最小高度的二叉树(keep it up)

给定一个有序数组(递增),写程序构建一棵具有最小高度的二叉树. 由于数组是递增有序的,每次都在中间创建结点,类似二分查找的方法来间最小树. struct TreeNode { int data; TreeNode* leftChild; TreeNode* rightChild; }; void newNode(TreeNode*& vNode, int vData) { vNode = new TreeNode; vNode->data = vData; vNode->leftChi

俩列布局(左边固定,右边自适应),等高布局,最小高度

俩列布局(左边固定,右边自适应): 1. <!DOCTYPE html> <html> <head> <title>俩列布局</title> <meta charset="utf-8"> <style type="text/css"> *{         margin: 0;         padding: 0;     } #left {         float: left

CSS设置div的最小高度和最小宽

CSS设置div的最小高度和最小宽度: 所谓设置div的最小高度和宽度就是设置一个值,如果实际宽度或者高度小于此值时,就会将实际的宽度和高度值设置为规定的此最小值,下面就通过实例代码简单做一下介绍. 如果在标准浏览器中,当然可以使用max-height或者max-width实现此效果,例如: max-width:50px; max-height:100px; 以上代码在标准浏览器中是没有任何问题的,但是无奈IE6浏览器并不支持,因为当前还有为数不少的IE6用户,所以需要兼容IE浏览器.代码修改如

CSS技能:运用DIV标签规划最小高度及自在扩展高度

需求在页面最上方运用文档符号运用以上办法时.; 发现需求类似td中height特点既能够确保最小高度又能够完成自在扩展高度的办法.逐步用div规划替换tabl规划的过程中. 通过查找资料和试验.可是该办法在ie6下不支撑,发现min-height能够完成最小高度.所以在款式中添加_height特点,此外关于可变高度的div假如需求自在扩展则不运用height特点即可,假如采用了height则div中的内容太长会跨过下鸿沟. 上下摆放的div1和div2假如div1高度添加后.此刻需求添加clea