[PLUG-IN] Add avatars to the chatbox

First of all - those codes were made by EasyBB a long time ago. Since I can't find the topic anymore, I thought why not make a tutorial about it.
This way is manual - it means you have to add people names + avatars to script, or else they won't have avatars in chatbox.

Add that code to AvacWeb Chatbox Javascript (main script you added to your forum, to get that awesome chat):

Code:

avacweb_chat_config.message_hook.push(function(row, username, user_id, user) {
            if(username === 'NICK')user.innerHTML='<img height="16px" width="16px" style="padding-right:4px;" src="AVATAR URL">' + user.innerHTML;
            if(username === 'NICK')user.innerHTML='<img height="16px" width="16px" style="padding-right:4px;" src="AVATAR URL">' + user.innerHTML;
            if(username === 'NICK') user.innerHTML = '<img height="16px" width="16px" style="padding-right:4px;" src="AVATAR URL">' + user.innerHTML;
        });

Obviously, if you want to add more avatars, you have to make another
[ic]if(username === 'NICK') user.innerHTML = '<img height="16px" width="16px" style="padding-right:4px;" src="AVATAR URL">' + user.innerHTML;[/ic]
before });

Code:

avacweb_chat_config.user_hook.push(function(row, username, user_id) {
if(username == 'Username') row.innerHTML = '<img height="16px" width="16px" style="padding-right:5px;" src="AVATAR  URL">' + row.innerHTML ;
});

It will display your avatar in Online and Away

make if(username == 'Username') row.innerHTML = '<img height="16px" width="16px" style="padding-right:5px;" src="AVATAR URL">' + row.innerHTML ; before }); to add another avatar

any way to have the avatar auto- update when changed?

Not sure , But I have 2 way for you

1. This is easy way : You can load user's avatar from href /u.. in Online and Away and then you use setInterval them with 1000ms but I think it will lag . ok I will try it tonight
2. This Get all avatar and username forum memberlist where have username it will display his/her avatar . Maybe this way has something difficult with me.

Let try this

How would I load them via href /u.. would I replace that where the username would go with the user_id?

Code:

[panda=js]avacweb_chat_config.user_hook.push(function(row, username, user_id) {
if(username == 'Username')

It works ! Thanks !

thats hard to put them avatar one by one ?

puppycheese the code accepts user_id as well

Code:

[panda=js]avacweb_chat_config.user_hook.push(function(row, username, user_id) {
if(user_id== '8')row.innerHTML = '<img height="16px" width="16px" style="padding-right:5px;" src="AVATAR  URL">' + row.innerHTML ;
});

I believe you will have to try the 8 or whatever with u8 if it doesn't work at first.

is that any ways to add the avatar automatically ?

It's possible to add the avatars of all the users automatically?