By FisherPickettOwner 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 --><divid="cboxdiv"style="text-align: center; line-height: 0"><div><iframeframeborder="0"width="200"height="305"src="http://www5.cbox.ws/box/?boxid=434703&boxtag=4962&sec=main"marginheight="2"marginwidth="2"scrolling="auto"allowtransparency="yes"name="cboxmain"style="border:#DBE2ED 1px solid;"id="cboxmain"></iframe></div><div><iframeframeborder="0"width="200"height="75"src="http://www5.cbox.ws/box/?boxid=434703&boxtag=4962&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!
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
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
chsglogo560x250-1200ppi.jpg
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&boxtag=apmmv6&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&boxtag=apmmv6&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.
well now that's a lot simpler. spent 2 hours on this… works now. Thanks! -Chris
chsglogo560x250-1200ppi.jpg
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.
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 ?
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 ?
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 ,! ;)
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 ?
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 ?
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 ?