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-singleline-mod.js < prev    next >
Encoding:
JavaScript  |  2010-06-25  |  2.5 KB  |  90 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.             var v = $('<div/>').text($t.val()).html().replace(/\n/g, "<br />");
  37.                 
  38.             if (!$("#" + id).length) {
  39.                     
  40.                 $("<div/>").attr("id", id).css({
  41.                     "border": $t.css("border"),
  42.                     "font-family": $t.css("font-family"),
  43.                     "font-size": $t.css("font-size"),
  44.                     "font-weight": $t.css("font-weight"),
  45.                     //was -999px
  46.                     "left": "-9999px",
  47.                     "overflow": "auto",
  48.                     "padding": $t.css("padding"),
  49.                     "position": "absolute",
  50.                     "top": 0,
  51.                     "width": $t.css("width"),
  52.                     //follow similar wrapping characteristics to the textarea
  53.                     "white-space": "pre-wrap"
  54.                 }).html(v).appendTo("body");
  55.                     
  56.             } else {
  57.                 //in case the page has changed width.
  58.                 $("#" + id).css({"width": $t.css("width")});
  59.                 $("#" + id).html(v + "a"); //+ "a" = grow when the next char typed won't fit on this line.
  60.             }
  61.             
  62.             var n_h = parseInt($("#" + id).css("height"));
  63.                 
  64.             if (n_h > parseInt(settings.max_height)) {
  65.                 $t.css({
  66.                     overflow: "auto", "height": (parseInt(settings.max_height) + l) + "px"
  67.                 });
  68.             } else if (n_h > 0 && n_h != settings.cache_height) { //shrink, too (mostly for resizing the page)
  69.                 $t.css("height", n_h + "px");
  70.             } else {
  71.                 $t.css("height", settings.cache_height + "px");
  72.             }
  73.             
  74.             $("#debug").html(n_h + " - " + h + " - " + settings.cache_height);
  75.         }
  76.     };
  77.     
  78.     //Default configuration:
  79.     $.fn.jGrow.defaults = {
  80.         max_height  : "700px",
  81.         resize      : "none",
  82.         overflow    : "hidden",
  83.         cache_height: 0
  84.     };
  85.     
  86.     //Current version:
  87.     $.fn.jGrow.version = 0.3;
  88.  
  89. })(jQuery);
  90.