jQuery Forum

Your problem is that you're binding the keydown event inside the new_message function, that means that the event is bound until the function has run once, it also means that it gets bound every time you run that function.

What you need to do is remove the keydown handler and place it so it is in the jQuery ready handler, in fact you could add both handlers there so you aren't mixing the way your binding them:

1. $(function() {
2.       $(".chat_box").bind('keydown', function(e){
3.             alert(e.keyCode);
4.             e.preventDefault();
5.       });
6.       $(".chat_box").keyup(function() {
7.             var val = $(this).attr('id');
8.             var id_korisnika = val.substr(val.indexOf("_") + 1)
9.             //$('#korpa').html(id_korisnika);
10.       });
11. });

Dave

i try to do this before i make first code
but, no detection of typing in <textarea clas="chat_box" id="input_idofuser"></textarea>

my brain is stopped at the end of the project :) :(
i also use this code in format:

maybe the problem is that there is no textarea during loading webpage?

create it by clicking on a friend in the Friends list, and then opens chat box, which contains a textarea inside

?

You're ok using $(document).ready(function(){ , $(function() { ... } is a shortcut for that.

You're right, if there is no textarea when the page is loaded that will give you problems, you'll need to use on with a delegate to attach the event handlers. I can't tell from the snippet you posted if there is a containing element that is there when the page loads that holds the textarea, so I'll use the document as the delegate.

1. $(function() {
2.       $(document).on("keydown", ".chat_box", function(e){
3.             alert(e.keyCode);
4.             e.preventDefault();
5.       });
6.       $(document).on("keyup", ".chat_box", function(e){
7.             var val = $(this).attr('id');
8.             var id_korisnika = val.substr(val.indexOf("_") + 1)
9.             //$('#korpa').html(id_korisnika);
10.       });
11. });

Dave

Now is EXTRA :)
Basic staff is finish for my FB chat application :)
(send message in personal chat box, emoticons, sound notification...)

in plan i have file share, embed videos, files, links ....

But, i have one more technical question :)

is there any better way  to check real time notification message with sound then 
setInterval(checkChat, 3000); or  setInterval(checkChat, some number);

?

The problem with setInterval is that you're going to hit your database (or whatever you're storing the messages on) every three seconds. That might be ok for a few connections but if your app scales and you get more users you'll end up putting a strain on everything.

Here is a thread (a couple of years old) that might have some alternatives for you, http://stackoverflow.com/questions/7202978/get-server-response-without-using-setinterval-for-chat-applicaton-php-jquery

And, of course, someone here may have a good answer as well.

Dave