Question

I have some javascript which I want to convert to jQuery…

I thought it would be easy, but it would appear I was wrong!

The code should resize a textarea depending on the amount of text entered into it.

Here’s my code:

function haut() {
   if ($(this).scrollTop() > 0) aug();
}
function aug() {
   var h = parseInt($(this).height());
   $(this).height(h + 10);
   haut();
}
function top() {
   $(this).scrollTop(100000);
   haut();
}

$(document).ready( function() {

    $("#txt_test").keyup(function() {
        haut();
    });

    $("#txt_test").focus(function() {
        top();
    });

});

And here’s the original code:

function haut(idt) {
   if (document.getElementById(idt).scrollTop > 0) aug(idt);
}
function aug(idt) {
   var h = parseInt(document.getElementById(idt).style.height);
   document.getElementById(idt).style.height = h + 10 +"px";
   haut(idt);
}
function top(idt) {
   document.getElementById(idt).scrollTop = 100000;
   haut(idt);
}

$(document).ready( function() {

    $("#txt_test").keyup(function() {
        haut(this.id);
    });

    $("#txt_test").focus(function() {
        top(this.id);
    });

});

Here’s a jsfiddle if it helps… http://jsfiddle.net/HhRUH/

Answer 1

Please describe your problems specifically when you’re asking a question.

So far I see you have the wrong code for binding handlers. It should be:

$(document).ready( function() {

    $("#txt_test").keyup(haut);

    $("#txt_test").focus(top);
});