The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How do I make a pop-up Chatbox?

+4
Jophy
Devan
E-Mark
vkitkat
8 posters

Go down

Solved How do I make a pop-up Chatbox?

Post by vkitkat March 30th 2013, 6:12 pm

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 Very Happy
avatar
vkitkat
New Member

Female Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by E-Mark March 30th 2013, 6:49 pm

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>


Last edited by E-Mark on April 8th 2013, 1:51 pm; edited 1 time in total
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by vkitkat March 30th 2013, 6:55 pm

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 thumleft

Thank you E-Mark
avatar
vkitkat
New Member

Female Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Devan March 30th 2013, 7:06 pm

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 :wouhou:
Devan
Devan
Forumember

Male Posts : 282
Reputation : 7
Language : English
Location : New Jersey

http://yugioh-universe.findforum.net/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by E-Mark March 30th 2013, 7:20 pm

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 How do I make a pop-up Chatbox? Editer 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
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Jophy March 31st 2013, 2:54 pm

Hello,

Is this solved? Smile
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by vkitkat April 6th 2013, 5:09 pm

Jophy wrote:Hello,

Is this solved? Smile

No, it didn't work still
avatar
vkitkat
New Member

Female Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by outlaw1994 April 7th 2013, 9:35 am

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
outlaw1994
New Member

Male Posts : 5
Reputation : 2
Language : english
Location : bundaberg qld australia

http://mackpro.userboard.net/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by vkitkat April 7th 2013, 5:51 pm

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 Razz
avatar
vkitkat
New Member

Female Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by outlaw1994 April 8th 2013, 1:06 am

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
outlaw1994
outlaw1994
New Member

Male Posts : 5
Reputation : 2
Language : english
Location : bundaberg qld australia

http://mackpro.userboard.net/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by SLGray April 8th 2013, 3:10 am

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


How do I make a pop-up Chatbox? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by outlaw1994 April 8th 2013, 3:46 am

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

Male Posts : 5
Reputation : 2
Language : english
Location : bundaberg qld australia

http://mackpro.userboard.net/

Back to top Go down

Solved You have to make a comment links to see, say is thank

Post by nikisharma April 8th 2013, 9:30 am

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 :wouhou:

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
avatar
nikisharma
Forumember

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 8th 2013, 9:32 am

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 :wouhou:

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
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved You have to make a comment links to see, say is thank

Post by nikisharma April 8th 2013, 9:37 am

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 :wouhou:

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.
avatar
nikisharma
Forumember

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 8th 2013, 9:40 am

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

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by nikisharma April 8th 2013, 9:49 am

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
avatar
nikisharma
Forumember

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 8th 2013, 9:51 am

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

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by nikisharma April 8th 2013, 9:59 am

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
avatar
nikisharma
Forumember

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 8th 2013, 10:02 am

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

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by nikisharma April 8th 2013, 1:51 pm

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

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 8th 2013, 1:56 pm

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

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved how do i create new thread here

Post by nikisharma April 8th 2013, 4:11 pm

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

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
avatar
nikisharma
Forumember

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 8th 2013, 4:15 pm

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
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved i have created

Post by nikisharma April 8th 2013, 4:35 pm

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
avatar
nikisharma
Forumember

Posts : 27
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by E-Mark April 8th 2013, 9:42 pm

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>
E-Mark
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by outlaw1994 April 9th 2013, 12:46 am

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

How do I make a pop-up Chatbox? GCkWOIg
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
outlaw1994
outlaw1994
New Member

Male Posts : 5
Reputation : 2
Language : english
Location : bundaberg qld australia

http://mackpro.userboard.net/

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by vkitkat April 13th 2013, 6:38 am

Thank you, outlaw1994! That one worked Wink

Solved Smile
avatar
vkitkat
New Member

Female Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make a pop-up Chatbox?

Post by Sanket April 13th 2013, 7:20 am

Topic Solved & Locked
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

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