youRoomの書き込むテキストエリアが動的に変わればいいのに

gistfile1.js

$('.entry_content').scroll(function () {
    var self = $(this);
    self.css('height', (parseInt(self.css('height').slice(0,-2)) + 10) + 'px');
});

動的にテキストエリアを作ってるところがあるのでliveする必要があるけど、liveはscrollには効かないようだ

$('.entry_content').live('scroll', function () {
    var self = $(this);
    self.css('height', (parseInt(self.css('height').slice(0,-2)) + 10) + 'px');
});

という事でググってみたら下記のようにすればいいんじゃないの？という事だった。livequeryだったらscroll対応してたりしないのかな。

$('.entry_content').live('keyup', function() {
    var el = $(this);
    if (!el.data("has-scroll")) {
        el.data("has-scroll", true);
        el.scroll(function(){
           resizeTextArea(el);
        });
    }
    resizeTextArea(el);
});

function resizeTextArea(elem) {
    elem.scrollTop(0);
    elem.height(elem[0].scrollHeight - elem[0].clientHeight + elem.height());
}

適当なliveとってイベント割り当てすればいいんじゃないのと言うことで下記になった。

$('.entry_content').live('focus', function () {
    var self = $(this);
    if (!self.data("has-scroll")) {
        self.data("has-scroll", true);
        self.scroll(function () {
            self.css('height', (parseInt(self.css('height').slice(0,-2)) + 10) + 'px');
        });
    }
});

scrollHeight, clientHeight, height()って複数ブラウザで互換性あるのかな？

http://www.jacklmoore.com/autosize

http://javascriptly.com/examples/jquery-grab-bag/autogrow-textarea.html

http://yutatoma.blogspot.jp/2011/03/jqueryautoresize.html

jQuery plugin色々あるねの。