Smilies not working on AWC Chat!

@brandon_g wrote:[quotelink="http://www.avacweb.com/t2291p15-smilies-not-working-on-awc-chat#22627"]

@Bloodbath wrote:[quotelink="http://www.avacweb.com/t2291p15-smilies-not-working-on-awc-chat#22625"]In your AWC config you have three invalid characters: "01.", "02.", "03." on lines 21, 22 and 23.

If you remove these the code should be working as expected, and as I said above, replace "avacweb_chat_config.add_event" with "avacweb_chat.events.add".

Where is this "1","2" and "3"


@Samantha the awc chat appeared like charm before the workaround code was installed yesterday and on BD (my main forum) it still appears as I first test all codes on my test foru now before installing the them there. So you can see the chat still appears on Broadcasting Duo without the workaround code.

Perhaps, but that's 1.9.1 I installed for u guys as a former admin. I'm no admin no more and since Bloodbath and LGforum are way better then me, perhaps a few others and I'm just the avg blonde , you can surely rely on them to find you dudes a solution. V.1.9.1 is still not obsolete though. Well, I helped the best I can and we're now gonna enjoy our sunny Saturday afternoon with our kids. I really do hope you guys will find a solution soon as it's a real unique forum you've got.

@brandon_g wrote:[quotelink="http://www.avacweb.com/t2291p15-smilies-not-working-on-awc-chat#22627"]

@Bloodbath wrote:[quotelink="http://www.avacweb.com/t2291p15-smilies-not-working-on-awc-chat#22625"]In your AWC config you have three invalid characters: "01.", "02.", "03." on lines 21, 22 and 23.

If you remove these the code should be working as expected, and as I said above, replace "avacweb_chat_config.add_event" with "avacweb_chat.events.add".

Where is this "1","2" and "3"


@Samantha the awc chat appeared like charm before the workaround code was installed yesterday and on BD (my main forum) it still appears as I first test all codes on my test foru now before installing the them there. So you can see the chat still appears on Broadcasting Duo without the workaround code.

Check your AvacWeb Chat configuration script, there definitely are "01.", "02." and "03." in your code. I ran the code through jsbeautifier.org and checked the code with jshint.com (sites you should be using as well), and this is the result: http://prntscr.com/6duc0a

Well I can not find the 1.5 or any of those others, if it could tell me the exact snippets/lines of code that have then I could fix it. By reviewing my code I can not find it.
Thanks for all the help so far,
-Brandon

Ok here is my AWC Javascript config as it currently is in the acp:

Code:

 var avacweb_chat_config = {

  version : '2-0',

  chat_title : 'Broadcasting Duo Chatbox',

  stylesheet : 'http://chat.avacweb.net/awc_2-0.css',

  allow_private_messaging : 1,

  allow_user_resize : 1,

  custom_placement :null,

  commands : {},

  filters : {},

  tabs : {Staff:[1,29,69,57,24,2,57,27],VIP:[1,29,69,57,24,2,57,27, 59] },

  allow_copyrights : 1, //please be kind and allow AWC to place small discreet copyrights and backlink on your forum.



  // DO NOT TOUCH ANYTHING BELOW

  events:{},add_event:function(t,f) {t in this.events?this.events[t].push(f):this.events[t]=[f]}};

  document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></sc' + 'ript>');



// END OF AWC CONFIG



//****Solving Smiley Issue****//

01.avacweb_chat.events.add('onload', function () {

02.  $(document.getElementById('achat_color_button')).after('<div class="achat_button" onclick="do_selectsmilies(event);">Smileys</div>');

03.});

//****END SOLVING SMILEY ISSUE****//

Hope this can help better find a solution or at least help in anyway.

-Brandon

It's right at the bottom, you clearly have "01.", "02." and "03." there.

THIS is what I am talking about. Remove the numbers before the code and it should be working again.

Yeah, I see it alright. He did that when he copied AWC the first time: he copied the line-numbers into it straight from the installation script http://prntscr.com/6dywvu ...

Ah thanks!

This did make the chat re appear but the smiley's still do not work.

Doesn't the smiley pop-up box appear under your chat by any chance?

@brandon_g wrote:[quotelink="http://www.avacweb.com/t2291p30-smilies-not-working-on-awc-chat#22648"]Ah thanks!

This did make the chat re appear but the smiley's still do not work.

Ah, I am silly, the add_event function is still there, I was reading the AWC code itself where it's not used. Use the add_event and try again.

@Bloodbath wrote:[quotelink="http://www.avacweb.com/t2291p30-smilies-not-working-on-awc-chat#22654"]

@brandon_g wrote:[quotelink="http://www.avacweb.com/t2291p30-smilies-not-working-on-awc-chat#22648"]Ah thanks!

This did make the chat re appear but the smiley's still do not work.

Ah, I am silly, the add_event function is still there, I was reading the AWC code itself where it's not used. Use the add_event and try again.

Ah that did the trick, the code is working like a charm now! Thanks a bunch everyone for your help. Much appericated .

-Brandon

Great By the way, @Brandon_G , to have sound back in chat you'll have to add some JS to your AWC JS again: http://www.avacweb.com/t2034-plug-in-play-a-sound-when-a-message-is-entered-v1-9 . It does work in v2.0.

Thanks I will have a wee look into it and see if it should be added again or not.

Hello,

It appears the button still does not work, It appears, but when you click the button marked 'Smiley's' it does nothing, it does not function. Is there a way to fix this?

I have had a member point this out to me, I checkd it and it did not indeed work for me, I finally had one of my Moderators try it and he confirmed it does not work.


Any help in fixing this will be greatly apperciated.

-Brandon

@brandon_g wrote:[quotelink="http://www.avacweb.com/t2291p30-smilies-not-working-on-awc-chat#22697"]Hello,

It appears the button still does not work, It appears, but when you click the button marked 'Smiley's' it does nothing, it does not function. Is there a way to fix this?

I have had a member point this out to me, I checkd it and it did not indeed work for me, I finally had one of my Moderators try it and he confirmed it does not work.


Any help in fixing this will be greatly apperciated.

-Brandon

I will need to see the URL of your forum and a test account would be good as well.

http://www.broadcastingduo.forumotion.com

Test account coming your way through pm.

@brandon_g wrote:[quotelink="http://www.avacweb.com/t2291p30-smilies-not-working-on-awc-chat#22699"]http://www.broadcastingduo.forumotion.com

Test account coming your way through pm.

It's http://broadcastingduo.forumotion.com , not http://www.broadcastingduo.forumotion.com ...

Here's a lot of technical information about using the "www." subdomain as opposed to using a global domain.

http://serverfault.com/questions/145777/what-s-the-point-in-having-www-in-a-url

@Bloodbath wrote:[quotelink="http://www.avacweb.com/t2291p30-smilies-not-working-on-awc-chat#22701"]Here's a lot of technical information about using the "www." subdomain as opposed to using a global domain.

http://serverfault.com/questions/145777/what-s-the-point-in-having-www-in-a-url

What's the meaning of this all? I mean, his forum address is broadcastingduo.forumotion.com, right?

They both go to the same site LOL! I still type www. I have decided not to break the habit. If necessary it simply removes the www. automatically.

I also have additional information (Vaguelly) and confirmed reports from a Moderator and I am asking my other staff and members who experience problem to report it as well. But for now only 1 has filed an official report (but the rest told me via chat that they do indeed experience the issue).

Report:

1mtvfan wrote:Feature that is experiencing the problem: "Smileys" button
What browser (FireFox, Internet Explorer, Google Chrome, etc.) or device (PC, Mobile, Tablet, etc) are you using: PC, FireFox
Time you experienced the problem: 16:22
Date you experienced the problem: March 10th
The last time you experienced the problem: March 10th
A detailed description of the problem: "Smileys" button is not working when it should
A screen shot of the problem: N/A
Any other notes or worthwhile comments/information (OPTIONAL, only if you feel you have some additional information not covered by the above): N/A

Acp Javascript and CSS:
Javascript:

Code:

 var avacweb_chat_config = {

  version : '2-0',

  chat_title : 'Broadcasting Duo Chatbox',

  stylesheet : 'http://chat.avacweb.net/awc_2-0.css',

  allow_private_messaging : 1,

  allow_user_resize : 1,

  custom_placement :null,

  commands : {},

  filters : {},

  tabs : {Staff:[1,29,69,57,24,2,57,27],VIP:[1,29,69,57,24,2,57,27, 59] },

  allow_copyrights : 1, //please be kind and allow AWC to place small discreet copyrights and backlink on your forum.



  // DO NOT TOUCH ANYTHING BELOW

  events:{},add_event:function(t,f) {t in this.events?this.events[t].push(f):this.events[t]=[f]}};

  document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></sc' + 'ript>');



// END OF AWC CONFIG



//****Solving Smiley Issue****//

avacweb_chat_config.add_event('onload', function ()

  $(document.getElementById('achat_color_button')).after('<div class="achat_button" onclick="do_selectsmilies(event);">Smileys</div>');

});


//****END SOLVING SMILEY ISSUE****//

CSS:

Code:

    .a_chat_pm tr, .a_chat_pm td, .a_chat_tab tr, .a_chat_tab td {

        display:none!important;

    }

    .a_chat_pm:before, .a_chat_tab:before {

        content: 'Hidden Content';

        font-style: italic;

    }

    h4.away, h4.away + ul {

        display: none;

    }
.chat_row { color: Gray; }

Hey Brandon, sorry I've neglected this problem up til now, I assumed the previous phpbb2 fix would work.

Please try installing this fix:

Code:

[panda=js]function awc_phpbb2_smilies() {
    var elem = document.getElementById('achat_smilies');
    elem.innerHTML = '<img src="' + avacweb_chat.config.loading_image + '">';
   
    avacweb_chat.showhide('achat_smilies');

    var fix = function() {
        elem.innerHTML = elem.innerHTML.replace(/href="javascript:insert_chatboxsmilie/g, 'onclick="return avacweb_chat.insert_text');
        $('form select', elem).removeAttr('onchange').change(function(e) {
            load('/post?mode=smilies&categ=' + this.value);
        });
    },
    load = function(url) {
        $(elem).load(url + ' body', fix);
    };
    load('/post?mode=smilies');
};


avacweb_chat_config.add_event('onload', function () {
    var x = document.getElementById('achat_smilies');
    if(x) {
      $(x.previousSibling).replaceWith('<div class="achat_button" onclick="awc_phpbb2_smilies()">Smileys</div>');
    }
});

Hopefully that will work for you and all phpbb2 users.

Ok thanks I will try it now.

EDIT: @LGforum this simply replaces the 'smilies' button with the 'smiley's' button but it still does not work, it gives me a white little box with a yellow circle then nothing (same problem as before), is it possible to make this button open a pop up for Smiley's instead of the AWC interface pop out? Thanks for looking into this LG.

oh and please note I only tried the code in my test forum: http://www.testingduo.forumotion.com not Broadcasting Duo.

@LGforum @Bloodbath @Samantha

Not that I suppose it matters all that much but my one other Moderator filed his report as well as another member:

This is from my Moderator

TigerTankFan wrote:Feature that is experiencing the problem: "Smileys" button
What browser (FireFox, Internet Explorer, Google Chrome, etc.) or device (PC, Mobile, Tablet, etc) are you using: PC, FireFox
Time you experienced the problem: 16:22
Date you experienced the problem: March 11th
The last time you experienced the problem: March 11th
A detailed description of the problem: "Smileys" button is not working when it should
A screen shot of the problem: N/A
Any other notes or worthwhile comments/information (OPTIONAL, only if you feel you have some additional information not covered by the above): N/A

This one is from a regular member (he knows code, that is why he speaks with the intricately ):

Japorized wrote:Feature that is experiencing the problem: "Smileys" button, locatable as "#awc_footer .achat_button:nth-child( 8 )" in CSS
What browser (FireFox, Internet Explorer, Google Chrome, etc.) or device (PC, Mobile, Tablet, etc) are you using: Google Chrome
Time you experienced the problem: approx. 2pm ( GMT+8 )
Date you experienced the problem: March 10th
The last time you experienced the problem: March 10th
A detailed description of the problem: No dialog popup as intended after "Smileys" button is clicked
A screen shot of the problem: N/A
Any other notes or worthwhile comments/information (OPTIONAL, only if you feel you have some additional information not covered by the above): I think it's redundant to have two "smilies" buttons if they have the same intention.</div>

OK, thanks Brandon. First of: I assume the JS and CSS you sent us is straight from your production and not your test board, right?


Secondly, I see something odd in your JS which doesn't correspond with how I left it before, after installation on your website. It's in this line in JS:

Code:

[panda=js]  tabs : {Staff:[1,29,69,57,24,2,57,27],VIP:[1,29,69,57,24,2,57,27, 59] },

which should actually be like this:

Code:

[panda=js]  tabs : {"Staff" : [1, 29, 69, 57, 24, 2, 57, 27],"VIP" : [1, 29, 69, 57, 24, 2, 57, 27, 59]},

Now, regarding your CSS, the 'Away' function has been replaced by 'Idle', so these lines won't do nothing. You can delete them:

Code:

[panda=css]    h4.away, h4.away + ul {
        display: none;
    }

If you take a closer look at the default v2.0 AWC CSS found at http://chat.avacweb.net/awc_2-0.css you will find what CSS can be used, changed or expanded, even the color of your own messages using the [ic].achat_row.my_message[/ic] selector http://prntscr.com/6fty59 . Instead of using "grey" in [ic].achat_row[/ic] , you could use the color picker tool found in Google Chrome to determine the exact color code of your liking found on your board. To learn more about color codes, you can read Ange's tuto found here: http://help.forumotion.com/t139451-colors as a reference to start with.

By the way, the box will pop-up as a separate browser window (a second instance), so you may want to minimize your browser before being able to see it

And yeah, I've seen your messages on your board before. I still read them now and then

The way you have the tabs are fine, that's not really the issue here.

Also this isn't true regarding my fix: [iq="Samantha"]By the way, the box will pop-up as a separate browser window (a second instance)[/iq]
I wanted to give phpbb2 users a proper fix, so here is a fix which I've tested on a phpbb2 forum and it works fine.

1. Install this Javascript as a plug-in

Code:

[panda=js]
function awc_phpbb2_smilies() {
    var elem = document.getElementById('achat_smilies');

    if(elem.innerHTML.length < 1) {
        elem.innerHTML = '<img src="' + avacweb_chat.config.loading_image + '">';
   
        var fix = function() {
            elem.innerHTML = elem.innerHTML.replace(/href=.javascript:insert_chatboxsmilie/gi, 'onclick="return avacweb_chat.insert_text');
            $('form select', elem).removeAttr('onchange').change(function(e) {
                load('/post?mode=smilies&categ=' + this.value);
            });
        },
        load = function(url) {
            $(elem).load(url + ' a', fix);
        };
        load('/post?mode=smilies');
    }
    avacweb_chat.showhide('achat_smilies');
};
avacweb_chat_config.add_event('onload', function () {
    var x = document.getElementById('achat_smilies');
    if(x) {
      $(x.previousSibling).replaceWith('<div class="achat_button" onclick="awc_phpbb2_smilies()">Smileys</div>');
    }
});

2. Then add this small bit of CSS to your forum

Code:

[panda=css]#achat_smilies a.genmed {
    display: none;
}
#achat_smilies img {
    cursor: pointer;
    margin: 4px;
}

Then you should have a smilies box like everyone else.

PS: AWC looks really ugly on phpbb2... I hope phpbb2 users realise that it hasn't been designed that ugly lol.

PSS: I'm moving this into the AWC section of the forum.

That should have you sorted with

Sorry, LG, just tried to help. By the way, adding smileys to post here in the topics and posts don't work either There's an empty box. Changing avatar relies on you (or any other admin) to update it manually, it seems. Just telling.