The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do I make a pop-up Chatbox?

View previous topic View next topic Go down

Solved How do I make a pop-up Chatbox?

Post by vkitkat on 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

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 on 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
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

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

Back to top Go down

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

Post by vkitkat on 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

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 on 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
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 on 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 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
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

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

Back to top Go down

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

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

Hello,

Is this solved? Smile

Jophy
ForumGuru

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

Back to top Go down

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

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

@Jophy wrote:Hello,

Is this solved? Smile

No, it didn't work still

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 on 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
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 on 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

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 on 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
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 on April 8th 2013, 3:10 am

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


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


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

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

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

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 on 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

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by nikisharma on 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.

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

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

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by nikisharma on 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

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

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

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by nikisharma on 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

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by nikisharma on 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

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

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

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved how do i create new thread here

Post by nikisharma on 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

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved i have created

Post by nikisharma on 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

nikisharma
New Member

Posts : 19
Reputation : 1
Language : English

Back to top Go down

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

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

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

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

Back to top Go down

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

Post by outlaw1994 on 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


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 http://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
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 on April 13th 2013, 6:38 am

Thank you, outlaw1994! That one worked Wink

Solved Smile

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 on April 13th 2013, 7:20 am

Topic Solved & Locked

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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