Cbox chatroom

By FisherPickettOwner

Description

You can use this code to add a personal chatroom to your wikidot site. You can get more at www.cbox.ws - they offer personalized cboxes that match your needs.

Code

[[html]]
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=434703&amp;boxtag=4962&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=434703&amp;boxtag=4962&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
[[/html]]

Paste that code into any page on your Wikidot site to show the cbox.

If you want your own custom, empty cbox to start with, you need to go to the website mentioned above and get your own code (www.cbox.ws).

In action

---

Thanks to tsangk for this great snippet: conditional-blocks

---

text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]

---

---

Other snippets posted by FisherPickettOwner

---

Rate this solution

If you think this solution is useful — rate it up!

leiger 04 Jan 2011 21:48

I've just updated the page to use the HTML code blocks instead.

There are still a few other tutorials that use the code block / iframe solution though, and could do with some updating.

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)

some help for a newbie

Chris Hannah 04 Jan 2011 15:30

I think I almost have this working, but I'm getting a "page does not exist" error in the frame. I suspect it has to do with the reference to my code block. I'm a little confused about the syntax below:

iframe http://snippets.wikidot.com/code:cbox-chatroom/code/2 frameborder="1" scrolling="yes" width="340px" height="540px"

assume I'm replacing "snippets" with my site, but not sure how code is referred to here:"/code:cbox-chatroom/code/2". I understand the /2 is referring to code block 2, but I have only one codeblock on the page and assume I can leave as "code:cbox-chatroom/code". Is that correct? Also, not sure what "code:cbox-chatroom" refers to. The example in Wiki Syntax is fairly week on this.

Any help?

-Chris

---

Last edited on 04 Jan 2011 15:31 by Chris Hannah Show more

Re: some help for a newbie

RobElliott 04 Jan 2011 15:44

The code posted by the person who created this p[age is out of date. Just put the code in your page inside [[html]]..[[/html]] tags as follows:

[[html]]

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www2.cbox.ws/box/?boxid=2245652&amp;boxtag=apmmv6&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2245652&amp;boxtag=apmmv6&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

[[/html]]

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

Re: some help for a newbie

Chris Hannah 04 Jan 2011 16:15

well now that's a lot simpler. spent 2 hours on this… works now. Thanks! -Chris

---

daothuhuong6883 28 May 2009 07:45

I just learned to build a website. I want to make a chatroom that visiters doesn't need to login. Can you give me the detail. Thanks a lot.

Re:

Helmut_pdorf 28 May 2009 08:42

1. create a page ( cha:chatroom) in a special category "chat".
2. give th epermissions for this category chat for anonymous too ( think this is not really neccessary)
3. copy the "hidden" html copde from this page onto yours ( view source at the button left navigatio menu)

4. copy the iframe onto your page.

After creating an own accoutn on cbox.ws you can get YOUR OWN chatroom ( id) for embbeding in the html code..

TRY it!

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: Own Chatroom on your website

Helmut_pdorf 29 May 2009 09:48

You can use ( as an example ) our community chatroom on gabbly-chat:

http://community.wikidot.com/chat-room

have a look how the community have done this :

• someone of the community has registered himself AND
• has registered the SITE name ( and I believe the page name) at the service.
• and copied the code from the gabbly.chat to embedd on the page in an embedded iframe.

You can do the same on your site and no visitor needs to be logged in.

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

daothuhuong6883 28 May 2009 01:50

How to make it active?

Re: how to make it active?

Helmut_pdorf 28 May 2009 07:25

1. Greetings to Vietnam!
2. Good site with the English Club!
3. Sometimes i believe i should do more with my english… :)

Not sure - if you copy the code above - this will work! - you will be setup and "chatting" in the chatbox of the given id ( with all other members).

I think you should use the chatbox above and get an own (free) cbox id ( = embbeding code) for your own site:
- at the bottom of the iframe with the cbox chat:

• click on the link: get a cboc ( leads to site www.cbox.ws ) or
• click on the right bottom link cbox( which dioes the same but directly to a fixed sub-url.

I for my own have no experience with cbox.

If you have problems with the code than ask here again.

regards
Helmut

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

It was the "second" code block in the page ,! ;)

Helmut_pdorf 04 Jan 2009 08:39

It was the "second" code block in the page ,! ;)

the first code block was the "embeddable" code itself…

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Not sure what is wrong here in the html code...

Helmut_pdorf 04 Jan 2009 08:35

The 2 divs are not working - and I can not build 2 iframe blocks, because the "id" is in wikidot not working!

Could be a typo?

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

And - where is it working - where the solution?

Helmut_pdorf 04 Jan 2009 08:12

This is not working in this way - you need an "iframed" html body…

Looks more like spam..

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?