Question

I have a loop that runs through a text area’s line and processes each line in a loop.

At the moment the page just stays frozen until all fo the data has been processed.

How can I make it so that as soon as a line has finished processing (when it loops back) it adds for instance “Line 1 processed” “Line 2 processed” etc so that the user can see that it is working.

I am using PHP and would like to use jquery as I am already using in on the site.

Thanks

Answer 1

Since you did not specify any details, I’ll just take a wild guess of what you can do:

$(document).ready(function(){
    //get the textarea value
    var value = $('textarea#my_textarea').val();
    //split it into lines
    var lines = value.split('\n');
    //for every line
    for(var i = 0; i < lines.length; i++){
        //call line_proccesser.php passing a line to it
        $.post(
             'line_proccesser.php',
             {line:lines[i]},
             function(){
                 //when script has worked, printing status info
                 $("#info").append('Line ' + (i+1) + 'processed<br />');
             }
        );
    }
});