Question

I’m wondering if there is a way to get jquery to load one line at a time. I use

var old = $('#screen').html(),
    str = $.URLEncode(glength);

$('#screen').load('returns.php?c='+str+'',{},function(response, status, xhr){
    if (status == "error") {
      var msg = "FATAL ERROR: ";
      $("#screen").html("\n"+ xhr.status);
      $(this).prepend(old);
    } else {
        $(this).prepend(old);
        $('#command').focus();
    }
});

To load the data. #screen is a pre. And it’s getting variables like this:

******************************************************************************
login [username] [email]          | Log in to the system
logout                            | Log out of the system
data                              | Display logged in user information
******************************************************************************

Is this possible, or am I dreaming?

Answer 1

Is response all your data with multiple lines?

You can use a setTimeout

var lines = response.split("\n");

var time = 0;
$(lines).each(function(i) {
    setTimeout(function(){
        $("<span />").html(this).prependTo("place");
    }, time);
    time += 200;
});

All lines will be appended, with about 200ms delay between each.