Question

I need to create a function in JavaScript, that will write some text (which was retrieved with XMLHttpRequest) to a new element underneath the previous one.
To give you an example, imagine a chat room. When someone writes something new, a new line is created.

Also if possible how this would be in jQuery?
I want to see if in jQuery would be much easier.

If you need anymore information please let me know!
Thanks in advance.

Answer 1

In jquery you would have to do something like:

$('input').keyup(function(e){
      if (e.which == 13){
          //user has pressed enter, do a request
          var msg = $(this).val();
          //call a function and send what the user has entered 
          $.getJSON('chat.php', { msg:msg}, function(data){
                  if (data.success === true){ 
                  //if the call returned a success, add what has benn typed to the next element and clean the input
                  var newDiv = $('<div>');
                  newDiv .html(msg);
                  $(this).next().append(newDiv);
                  $(this).val('')
                  }
            });
     }

});

It’s just a basic idea, you’d have to work on this