Problem in chatbox made in jquery

Question

I have made a chatbox in jquery and i want to add the functionality to see "xyz is typing" for this i have written this code

setInterval("typing()", 1000);    
function typing()
{

      var name1= $("#name").val();
      var n=$('#message').val().length();
      if(n>1)
      $('#shout').prepend(name1+'is typing');
}

But its not working. Someoen pls help...

Answer 1

You shouldn't use "typing()". This will invoke eval() internally. Instead, just use typing.

If you have made a chatbox, you probably want to send to the server via AJAX that the person has typed something.

Answer 2

lenght() in not a string function is javascript. You can find length of string by using just string.length. Also change prepend() method to html() method otherwise it will repeat same message [xxx is typing] after each interval.

Here is the updated code

setInterval("typing()", 1000);
function typing()
{
   var name1= $("#name").val();
   var n=$('#message').val().length;
   if(n>1)
     $('#shout').html(name1+' is typing');
}