Contents

(function($) {
  /*
  * Auto-growing textareas
  */
  $.fn.autogrow = function(options) {

    this.filter('textarea').each(function() {

      var $this   = $(this),
      minHeight   = $this.outerHeight(),
      lineHeight  = $this.css('lineHeight');

      var shadow = $('<div></div>').css({
        position:   'absolute',
        top:        -10000,
        left:       -10000,
        width:      $(this).width() - parseInt($this.css('paddingLeft')) - parseInt($this.css('paddingRight')),
        fontSize:   $this.css('fontSize'),
        fontFamily: $this.css('fontFamily'),
        lineHeight: $this.css('lineHeight'),
        resize:     'none'
      }).appendTo(document.body);

      var update = function() {

        var times = function(string, number) {
          var _res = '';
          for(var i = 0; i < number; i ++) {
            _res = _res + string;
          }
          return _res;
        };

        var val = this.value.replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/&/g, '&amp;')
        .replace(/\n$/, '<br/>&nbsp;')
        .replace(/\n/g, '<br/>')
        .replace(/ {2,}/g, function(space) { return times('&nbsp;', space.length -1) + ' ' });

        shadow.html(val);
        $(this).css('height', Math.max(shadow.outerHeight() + 20, minHeight));
      }

      $(this).change(update).keyup(update).keydown(update);
      update.apply(this);
    });
    return this;
  }
})(jQuery);

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
speedo-0.4.1	vendor/assets/javascripts/speedo/jquery.autogrow.js
speedo-0.4.0	vendor/assets/javascripts/speedo/jquery.autogrow.js
speedo-0.3.4	vendor/assets/javascripts/speedo/jquery.autogrow.js