How do I make a pop-up Chatbox?

The title says it all: How do I make a regular pop-up chatbox? I don't really care for the design or anything, I just need to know how to make it

There was a topic I saw with the same subject, but it wasn't accessible by me, so I made another topic for it.

Thanks

Give this a try.
Put the code in ACP > Display > Homepage > Generalities > Homepage Message > Message Content:

Code:

<script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script>
<script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/FpYmkhikx/chatbox.css"><div id="modal"><div id="content1">
<object data="/chatbox/index.forum?page=front&amp;" id="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html"></object>
</div>
</div>

<a href="#" id="button" style="position: fixed; right: 25px; bottom: 20px; border: 1px solid grey; border-radius: 5px; padding: 5px; background: white;">Chatbox</a>

This worked out very well, thank you!

What I was looking for was a slide-out, fast, ChatBox, but if nobody can do that, this will work

Thank you E-Mark

Code:

var avacweb_chat_config = {
  version : '1-7',
  new_chat_title : 'AvacWeb Chatbox',
  light_up_color : 'orange',
  auto_log_in : 'open',
  archives : 1,
  sound_file : 'http://www.freesfx.co.uk/rx2/mp3s/2/1305_1256857800.mp3',
  stylesheet : 'http://chat.avacweb.net/avacweb_chat.css',
  disable_timeout : 0,
  allow_private_messaging : 1,
  allow_user_resize : 1,
  message_hook : [],
  user_hook : [],
  commands : {},
  events : {},
  add_event : function(type, fn) {
      type = /^on/.test(type) ? type : 'on' + type;
      type in this.events ? this.events[type].push(fn) : this.events[type] = [fn];
  }
};
document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></script>');

Make a Javascript for that: ) Make sure your FM Default Chat is on (If you want make it do not display)

http://www.avacweb.com/t532-avacweb-chat

Should work

Ahh. I see, but, if you don't find another code, then use the code i gave.
But there's a little problem, it only displays in the homepage, so if you want to display it on all pages. Do the following:

Go to ACP > Display > Templates > General > Click the to edit overall_footer_end:

Then find this part:

</body>

After finding it, put the code i gave before(above) the </body>.
Then hit save.

Hello,

Is this solved?

Jophy wrote:Hello,

Is this solved?

No, it didn't work still

i can help with this take a look at the chat on my site if you like i will tell you how to do it
http://www.outlawduelacademy.com/
its my own code so no one else has this type of chat but me

outlaw1994 wrote:i can help with this take a look at the chat on my site if you like i will tell you how to do it
http://www.outlawduelacademy.com/
its my own code so no one else has this type of chat but me

I love it!
I would love it if you could help me try to make one like that, although all I really need is a pop-up chat in general

ok can you pm me your site and a temp founder account if you can as i need access to templates or an admin account and i can do it in javascript which is a bit slower but still works and i will add it also i will look at the site and do a picture up as the button to match your site

If you are using phpBB 3, you will not have access to the templates.

ok dont matter i can still do it in javascript just need link and temp admin account

Devan wrote:

Code:

var avacweb_chat_config = {
  version : '1-7',
  new_chat_title : 'AvacWeb Chatbox',
  light_up_color : 'orange',
  auto_log_in : 'open',
  archives : 1,
  sound_file : 'http://www.freesfx.co.uk/rx2/mp3s/2/1305_1256857800.mp3',
  stylesheet : 'http://chat.avacweb.net/avacweb_chat.css',
  disable_timeout : 0,
  allow_private_messaging : 1,
  allow_user_resize : 1,
  message_hook : [],
  user_hook : [],
  commands : {},
  events : {},
  add_event : function(type, fn) {
      type = /^on/.test(type) ? type : 'on' + type;
      type in this.events ? this.events[type].push(fn) : this.events[type] = [fn];
  }
};
document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></script>');

Make a Javascript for that: ) Make sure your FM Default Chat is on (If you want make it do not display)

http://www.avacweb.com/t532-avacweb-chat

Should work

i want users to say thanks for the post to view it like this "You have to make a comment links to see, say is thank" and i have pphb3 , could you please help me

Thanks in Advance

nikisharma wrote:

Devan wrote:

Code:

var avacweb_chat_config = {
  version : '1-7',
  new_chat_title : 'AvacWeb Chatbox',
  light_up_color : 'orange',
  auto_log_in : 'open',
  archives : 1,
  sound_file : 'http://www.freesfx.co.uk/rx2/mp3s/2/1305_1256857800.mp3',
  stylesheet : 'http://chat.avacweb.net/avacweb_chat.css',
  disable_timeout : 0,
  allow_private_messaging : 1,
  allow_user_resize : 1,
  message_hook : [],
  user_hook : [],
  commands : {},
  events : {},
  add_event : function(type, fn) {
      type = /^on/.test(type) ? type : 'on' + type;
      type in this.events ? this.events[type].push(fn) : this.events[type] = [fn];
  }
};
document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></script>');

Make a Javascript for that: ) Make sure your FM Default Chat is on (If you want make it do not display)

http://www.avacweb.com/t532-avacweb-chat

Should work

i want users to say thanks for the post to view it like this "You have to make a comment links to see, say is thank" and i have pphb3 , could you please help me

Thanks in Advance

What do you mean?

Sanket wrote:

nikisharma wrote:

Devan wrote:

Code:

var avacweb_chat_config = {
  version : '1-7',
  new_chat_title : 'AvacWeb Chatbox',
  light_up_color : 'orange',
  auto_log_in : 'open',
  archives : 1,
  sound_file : 'http://www.freesfx.co.uk/rx2/mp3s/2/1305_1256857800.mp3',
  stylesheet : 'http://chat.avacweb.net/avacweb_chat.css',
  disable_timeout : 0,
  allow_private_messaging : 1,
  allow_user_resize : 1,
  message_hook : [],
  user_hook : [],
  commands : {},
  events : {},
  add_event : function(type, fn) {
      type = /^on/.test(type) ? type : 'on' + type;
      type in this.events ? this.events[type].push(fn) : this.events[type] = [fn];
  }
};
document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></script>');

Make a Javascript for that: ) Make sure your FM Default Chat is on (If you want make it do not display)

http://www.avacweb.com/t532-avacweb-chat

Should work

i want users to say thanks for the post to view it like this "You have to make a comment links to see, say is thank" and i have pphb3 , could you please help me

Thanks in Advance

What do you mean?

i mean my users should click thanks button or like button or should comment thanks , and then only they can view the links that are posted in the topic.

The forum seems to be on maintenance, i am not sure about what the content is.

could you please help me out regarding how to make users to click thanks button or comment thanks to views the links in the topic .

THANKS

Where do you want your users to thank? On your forum?

yes on the forum topic that are posted by other users, i mean i have seen other forums where they say click or comment thanks to view the link ,example like this forums http://www.ajedremas.com/t438-rybka-4-portable#2787

I would suggest you to make a new thread will all the details, i would be happy to help you in your own thread.

i have created a new thread now please help me how to make users to comment thanks to view a link

I don't see any thread posted here on this support forum.

Sanket wrote:I don't see any thread posted here on this support forum.

i thought you told me to create a new thread on my fourm and how do i create a new thread here in this forums


Thanks

Click on New Topic, below the area where you are replying now.

Or else, click on any forum & there must be New Topic Image, just click on that.

Sanket wrote:Click on New Topic, below the area where you are replying now.

Or else, click on any forum & there must be New Topic Image, just click on that.

Hi i have created a new topic ,kindly check and help me please

Here, give it a try:

Code:

<script type="text/javascript" src="http://www.yourjavascript.com/134446808/stack1.js"></script><div style="border-top-width: 7px; border-top-style: solid; border-left-width: 7px; border-left-style: solid; z-index: 10000; border-top-left-radius: 20px 20px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; position: fixed; bottom: 0px; right: 0px; background-color: rgb(148, 11, 11); border-top-color: rgb(148, 11, 11); border-right-color: rgb(148, 11, 11); border-bottom-color: rgb(148, 11, 11); border-left-color: rgb(148, 11, 11); " onmousever="stopINT()" onclick="stopINT()" onmouseout="stopINT()" id="chatbox_ret_cont"><div style="font-size: 12px; font-family: 'trebuchet ms', serif; cursor: pointer; padding: 3px;" onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');">Chatbox</div>

<iframe src="/chatbox/chatbox.forum" id="chatbox_ret" name="chatbox_ret" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="width: 740px; height: 400px; display: none;" onload="if(cb_new) { cb_start(); cb_new=0; }"></iframe>

</div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));//]]></script><script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
try{var pageTracker = _gat._getTracker("UA-10102714-1");pageTracker._trackPageview();} catch(err) { }//]]></script><span id="cbalarm"></span>

i have found a better way to do it in phpbb3 without template just widgets

make a new widget with these settings and this code

Code:

  <style type="text/css">
/*<![CDATA[*/
  div.c4 {z-index: 10000; position: fixed; bottom: -5pt; right: -5pt;}
  iframe.c3 {width: 850px; height: 350px; display: none; border-top: 3px solid rgb(148, 11, 11); border-left: 3px solid rgb(148, 11, 11); border-bottom: 10px solid rgb(148, 11, 11); border-right: 10px solid rgb(148, 11, 11);}
  div.c2 {font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;}
  span.c1 {color: skyblue;}
  /*]]>*/
  </style>

  <div id="chatbox_ret_cont" onmouseout="" onclick="" onmousever="" class="c4">
    <div onclick=
    "(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');"
    class="c2">
      <img src="picture url here" />
    </div>
<iframe scrolling="no" frameborder="1" onload=
    "if(cb_new) { cb_start(); cb_new=0; };" class="c3" marginheight="0" marginwidth="0"
    name="chatbox_ret" id="chatbox_ret" src="/chatbox/index.forum"></iframe>
  </div>


replace picture url here with the picture you want to use as open and close button mine is https://i.imgur.com/Ai7pcI7.png
hope it helps

p.s. also if you know how, edit permissions for the widget so guests cant see it

Thank you, outlaw1994! That one worked

Solved