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…

ToastyTheToaster said:

lmao

ToastyTheToaster said:

lmao

ToastyTheToaster said:

ayy

ToastyTheToaster said:

ayy

ToastyTheToaster said:

owo

ToastyTheToaster said:

owo

JimmyBoyHaha said:

I am from the future

SEC_the acronym said:

smoke weed

SEC_the acronym said:

it no work

King Jeffrey said:

does it

King Jeffrey said:

does it

SEC_the acronym said:

kmkm

SEC_the acronym said:

mkkm

kawina said:

does this really work?

Cole Carbert said:

OwO

Remy_eeshrek said:

wow

shiro123456 said:

s

SEC_the acronym said:

it does works

SEC_the acronym said:

hi

Slaylebrity said:

it works

Master Ast3r00s said:

some1 help me ples

Master Ast3r00s said:

now icant edit my page again

Master Ast3r00s said:

well

NGExecutive said:

hello

nsturtz2 said:

hi

Cygnar4Life said:

How do I do this?

k-cal said:

What’s up?

Graic said:

Hi

Battlesquid said:

how is everybody :)

Battlesquid said:

hai

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: +11+x
Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License