home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2012 January / maximum-cd-2012-01.iso / DiscContents / digsby_setup.exe / res / html / jquery.jgrow-0.3.js < prev    next >
Encoding:
JavaScript  |  2009-07-10  |  2.2 KB  |  86 lines
  1. /*
  2. * jGrow
  3. * jGrow is a jQuery plug-in that makes the textarea adjust its size according to the length of the text.
  4. * @requires jQuery v1.2.3 or later
  5. * @version 0.3
  6. * @author Berker Peksag http://lab.berkerpeksag.com/jGrow
  7. * 
  8. * Dual licensed under the MIT and GPL licenses:
  9. * http://www.opensource.org/licenses/mit-license.php
  10. * http://www.gnu.org/licenses/gpl.html
  11. */
  12.  
  13. (function($) {
  14.  
  15.     //jGrow:
  16.     $.fn.jGrow = function(settings) {
  17.         var settings = $.extend({}, $.fn.jGrow.defaults, settings);
  18.     
  19.         this.each(function() {
  20.             var $t = $(this);
  21.             $t.css(settings);
  22.             var c_h = parseInt($t.css("height"));
  23.             settings.cache_height = c_h;
  24.             init($(this), settings);
  25.         }).keyup(function() {
  26.             init($(this), settings);
  27.         });
  28.         
  29.         function init(k, o) {
  30.             var $t = k;
  31.             var id = "jgrow-" + $t.attr("name");
  32.             var h = $t.css("height");
  33.             h = parseInt(h == "auto" ? "50px" : h);
  34.             var l = $t.css("line-height");
  35.             l = parseInt(l == "normal" ? "16px" : l);
  36.             
  37.             var v = $t.val().replace(/\n/g, "<br />");
  38.                 
  39.             if (!$("#" + id).length) {
  40.                     
  41.                 $("<div/>").attr("id", id).css({
  42.                     "border": $t.css("border"),
  43.                     "font-family": $t.css("font-family"),
  44.                     "font-size": $t.css("font-size"),
  45.                     "font-weight": $t.css("font-weight"),
  46.                     "left": "-999px",
  47.                     "overflow": "auto",
  48.                     "padding": $t.css("padding"),
  49.                     "position": "absolute",
  50.                     "top": 0,
  51.                     "width": $t.css("width")
  52.                 }).html(v).appendTo("body");
  53.                     
  54.             } else {
  55.                 $("#" + id).html(v);
  56.             }
  57.             
  58.             var n_h = parseInt($("#" + id).css("height")) + l;
  59.                 
  60.             if (n_h > parseInt(settings.max_height)) {
  61.                 $t.css({
  62.                     overflow: "auto", "height": (parseInt(settings.max_height) + l) + "px"
  63.                 });
  64.             } else if (n_h > settings.cache_height) {
  65.                 $t.css("height", n_h + "px");
  66.             } else {
  67.                 $t.css("height", settings.cache_height + "px");
  68.             }
  69.             
  70.             $("#debug").html(n_h + " - " + h + " - " + settings.cache_height);
  71.         }
  72.     };
  73.     
  74.     //Default configuration:
  75.     $.fn.jGrow.defaults = {
  76.         max_height  : "700px",
  77.         resize      : "none",
  78.         overflow    : "hidden",
  79.         cache_height: 0
  80.     };
  81.     
  82.     //Current version:
  83.     $.fn.jGrow.version = 0.3;
  84.  
  85. })(jQuery);
  86.