chatbox on every page

Go down

Solved chatbox on every page

Post by Bex_efbb on July 15th 2018, 10:32 am

Hello Everybody!

I wanted to put our chatbox on the top of every page and I found this: https://help.forumotion.com/t90735-how-to-put-chatbox-on-every-page-of-your-forum-solved-plus-instructions I tried to do everything as explained, but it just did not work out.

Here's my code:
Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
<iframe src="/chatbox/chatbox.forum" width="810px" height="300" scrolling="no" frameborder="0"></iframe>
<br>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                        <a href="{U_INDEX}"><img id="ezaz" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /> </a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <div class="gen">{SITE_DESCRIPTION}<br />&nbsp; </div>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

After I put the chatbox-code in the right place, the panel said that there are tags which were not closed or opened. I don't know what I did wrong and how I could make it right, so please help!
Thank you in advance! Smile
avatar
Bex_efbb
New Member

Female Posts : 6
Reputation : 1
Language : Hungarian, English

http://everyflavorbeansbole.hungarianforum.com/

Back to top Go down

Solved Re: chatbox on every page

Post by skouliki on July 15th 2018, 11:35 am

avatar
skouliki
Manager
Manager

Female Posts : 4320
Reputation : 705
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: chatbox on every page

Post by mpelmmc on July 15th 2018, 2:39 pm

Hello @Bex_efbb

I have also a for you in case you wanna have the chatbox like this (and will of course work in all pages).


In order to do that you'd need to add the following codes:

CSS:
Code:
#chatbox_ret_cont{
 z-index: 10000;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
 right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
 left: 0;
}
#chatbox_ret_cont div{
 cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
 background-color: white;
 border: 2px solid grey;
 display: none;
 height: 450px;
 margin-bottom: 0;
 width: 900px;
}

Javascript:
  • Title: Drop-down chatbox
  • Position: In all pages
  • Javascript code:
    Code:
    //BEGINNING EDITABLE ZONE
        var imagen_chatbox_desplegable = "https://i.imgur.com/XdxtSaJ.png";
        var posicion_chatbox_desplegable = "derecha"; //Keep 'derecha' if you want it in the right or change to 'izquierda' if you want it in the left

        //END EDITABLE ZONE

        document.write("<div id=\"chatbox_ret_cont\" class=\"chatbox_" + posicion_chatbox_desplegable + "\">");
        document.write("    <div onclick=\"(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); jQuery('#chatbox_ret').toggle('normal');\">");
        document.write("        <span id=\"chatbox_ret_online\">");
        document.write("            <img title=\"Open or close the chat\" src=\"" + imagen_chatbox_desplegable + "\">");
        document.write("        <\/span>");
        document.write("        <span id=\"chatbox_ret_offline\"><\/span>");
        document.write("    <\/div>");
              document.write("    <iframe src=\"\/chatbox/index.forum\" id=\"chatbox_ret\" name=\"chatbox_ret\" ");
        document.write("      scrolling=\"no\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"1px\"");
        document.write("      onload=\"if(cb_new){cb_start();cb_new=0;}\">");
        document.write("    <\/iframe>");
        document.write("<\/div>");


Best regards Smile


Last edited by mpelmmc on July 15th 2018, 3:14 pm; edited 3 times in total
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 671
Reputation : 103
Language : English and Spanish

http://asistencia.foroactivo.com/forum

Back to top Go down

Solved Re: chatbox on every page

Post by Bex_efbb on July 15th 2018, 3:01 pm

Dear @skouliki the thing is, I don't want to use the toolbar if not necessary :/

Hi @mpelmmc Thank you, I really like this solution!
I did everything you wrote but nothing changed. Should I do something also with the original chatbox? I tried to set it to "do not display" but it didn't help. The JavaScript is enabled and it had no problem with the code either.
Thank you!
avatar
Bex_efbb
New Member

Female Posts : 6
Reputation : 1
Language : Hungarian, English

http://everyflavorbeansbole.hungarianforum.com/

Back to top Go down

Solved Re: chatbox on every page

Post by mpelmmc on July 15th 2018, 3:16 pm

@Bex_efbb I'm sorry. I messed up the code by adding things I didn't have to. I have now fixed it and it should work in your forum Smile

And yes, despite it was 100% my bad this didn't work, I want to point out that the chatbox settings must be set as follows:


Please try the code above and let me know if it works now Smile
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 671
Reputation : 103
Language : English and Spanish

http://asistencia.foroactivo.com/forum

Back to top Go down

Solved Re: chatbox on every page

Post by Bex_efbb on July 15th 2018, 3:20 pm

@mpelmmc
Everything's working now, thank you! Good

Solved Smile


Last edited by Bex_efbb on July 15th 2018, 3:21 pm; edited 1 time in total
avatar
Bex_efbb
New Member

Female Posts : 6
Reputation : 1
Language : Hungarian, English

http://everyflavorbeansbole.hungarianforum.com/

Back to top Go down

Solved Re: chatbox on every page

Post by mpelmmc on July 15th 2018, 3:21 pm

You're welcome Wink



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 671
Reputation : 103
Language : English and Spanish

http://asistencia.foroactivo.com/forum

Back to top Go down

Solved Re: chatbox on every page

Post by APE on July 15th 2018, 8:03 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Administrator
Administrator

Male Posts : 12717
Reputation : 1344
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum