Chatbox

By bcammobcammo

Description

This include allows you to install a simple chatbox on your site for quick, character-limited communications.

Attributes

The snippet uses the following attributes, both of which are optional.

Attribute Allowed values Default value Description
category any category chatbox The category in which you would like messages to be saved.
limit any integer 15 The number of recent messages to show.

Code

You can add the chatbox to your site with the following code:

[[include :snippets:chatbox attributes...]]

For example, the following code will install the chatbox to save messages in the chat category and will show the 20 latest messages.
[[include :snippets:chatbox |category=chat |limit=20]]

Messages will be saved in the category you specify (chatbox by default). It's a good idea to set this category to auto-numbered to avoid any conflicts.

For advanced users, you can customise the appearance of the chatbox with a CSS module or in your site's theme - available classes are chatbox (the container), message (the message content) and new-page-box (the input field).

In action

See the chatbox below for a working example. Feel free to leave a message…

Gabrie White said:

reee

aismallard said:

test message

Juicebox2x said:

hmm

KeenestGreen said:

hello there

CementSandwich said:

what

CementSandwich said:

im scream you

CementSandwich said:

h

guerreiroppp said:

a

Vin Doux said:

lol

aladdin9 said:

e

televisionist said:

mmmmmmmm

Tradicional said:

Hello old

Dragon Vietnam said:

dog

Dragon Vietnam said:

Thử Nghiệm Code

Doctor NHMP said:

Hello

Dragon Vietnam said:

bb

Solomon Edwards said:

lll

Jakob A said:

nice

Jakob A said:

Wow

Dr_Blackpeace said:

nice

Dc_Yerko said:

Muy bueno

Pataphorical said:

Cool! Thanks for making this :).

knafflad said:

hello!

Doctor Mirray said:

Me siento impresionado

Fedorian said:

cool

Fedorian said:

dfsagfd

Casanova_DTT said:

Woah,is cool

Adrian SCP said:

ss

Solomon Edwards said:

eeeeeee

Solomon Edwards said:

133aaa

Credit

Original idea by leigerleiger.


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 bcammo

Google +1 Button - 19 Mar 2012 19:40
Tweet Button - 16 Feb 2012 01:49


Rate this solution

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

rating: +12+x
Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License