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…

Antimatter Collider said:

Sup

Mr Jack456 said:

This is so cool

Frank9527 said:

Hello!

TotalLolFace said:

"Brrr" is the sound what tanks make when they are travelling through a road.

Dr_Blackpeace said:

brrrr

TotalLolFace said:

Oh, really? I guess the smell isn't from the New Camp but from the Old Mine. But it is okay to make mistakes, isn't it?

Dr_Blackpeace said:

New Camp smells so terrible.

TotalLolFace said:

The New Camp is better than The Old Camp. Change my mind, Larry.

Jasiu06 said:

ssa

htosya said:

Test so cool

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

(user deleted) said:

dog

(user deleted) said:

Thử Nghiệm Code

Doctor NHMP said:

Hello

(user deleted) said:

bb

Solomon Edwards said:

lll

Jakob A said:

nice

Jakob A said:

Wow

Dr_Blackpeace said:

nice

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