I know there is a Live Chat feature in DKPSystem sites, but my guild uses an IRC server for this, so I wanted to figure out how to get that all hooked up nicely.
Here's how it works:
Mibbit.com is an AJAX/web-based IRC client that can be hosted inside your site. There are two ways to get working with one of your menu items. (I'll assume you already have an IRC channel on a server like freenode.net or efnet.org. Please read one of the many IRC FAQs to learn more about IRC and channels.)
Using the IFrameThis technique lets you embed the Mibbit client into your site in a seamless way. It shows up inside your site like any other page.
1. Read this page:
http://wiki.mibbit.com/index.php/Widget2. Add a new menu item using the normal DKPSystem menu editor
3. Check the box named "Is this just a link to another page?"
4. Check the box named "Open up as a frame on your page?"
5. Add an appropriate URL for your server and channel as described in the page linked in step 1
Note: Using the embedded IFRAME requires that your layout page have the XHTML Strict DTD a the top described here: http://wiki.mibbit.com/index.php/Widget#Use_the_Widget_in_an_IframeUsing a JavaScript PopupThis technique has the Mibbet client pop up in a separate browser window when the link is clicked.
1. Add the following code to the <head> section of your custom layout.html file. Change the channel name to your channel.
<script type="text/javascript">
function show_mibbit()
{
window.open('http://embed.mibbit.com/?server=irc.freenode.net&channel=%23test&chatOutputShowTimes=true&customprompt=Welcome%20to%20%23test','','width=640,height=480')
}
</script>
2. Add a new menu item using the normal DKPSystem menu editor
3. Check the box named "Is this just a link to another page?"
4. Be sure to uncheck the box named "Open up as a frame on your page?"
5. For the URL use the following:
javascript:void(show_mibbit())
That's it! Hopefully someone find this useful.
