MibbitIRC

This script places a pre-created Mibbit chatroom into a page with a certain div on it. This can be on any page: however, you only have one chat that it automatically connects to.

Note that you must have a Mibbit IRC chatroom set up already. This can be done from mibbit.com, and WikiHow has a guide explaining how.

Installation

See also: Help:Including additional CSS and JS, Help:Advanced CSS and JS

For site-wide use, an administrator can add the line below to the wiki's MediaWiki:ImportJS page. Note that JavaScript must be enabled on the wiki.

dev:MibbitIRC/code.js

For personal use, add the code snippet below to your global.js page (for use on all wikis) or your common.js page on your wiki (for use on a single wiki). Note that personal JS must be enabled for your account.

importArticles({
    type: 'script',
    articles: [
        'u:dev:MibbitIRC/code.js',
    ]
});

importArticles — Best Practices for installing JavaScript on FANDOM

The importArticles statement is designed to combine multiple HTTP requests into a single data transfer, allowing multiple scripts to load and execute faster. If you've been installing several different scripts, your JavaScript file has probably accumulated unnecessary import statements. Click "Expand" to learn how to efficiently batch import scripts to speed up performance and make your code look cleaner. One other approach is by using the MediaWiki:ImportJS.

If your JavaScript file has several lines of code that say importScript, importScriptPage, or importArticles, you may be able to combine them! By batch importing a collection of scripts with a single import, your JavaScript code will load faster and look cleaner. Consider the example below. On the left is an example of what your JavaScript file might currently look like. On the right is how you could improve that code.

Multiple imports — messy and slow

One import — clean and efficient

importScriptPage('AjaxRC/code.js','dev');
 
importScript('MediaWiki:localScript.js');
 
importArticle({
  type: 'script',
  article: 'u:dev:FloatingToc/code.js'
});
 
importScriptPage('page1.js', 'wikiname');
 
importScriptPage('page2.js', 'wikiname');

importArticles({
    type: 'script',
    articles: [
        'u:dev:AjaxRC/code.js',
        'MediaWiki:localScript.js',
        'u:dev:FloatingToc/code.js',
        'u:wikiname:page1.js',
        'u:wikiname:page2.js'
    ]
});

Note: In this example, pay close attention to the placement of commas and other punctuation. For people who aren't familiar with programming (and even those who are!), a common mistake when writing code is to accidentally delete, forget, or misplace critical symbols like commas or quotation marks. This can cause a syntax error that breaks the code. Carefully follow the convention shown here when using importArticles.

But there's much more to importArticles than just this! For more examples and advanced usage, see the help page at Help:Including additional JavaScript and CSS.

Configuruation

Four different variables are required for the script.

var ServerIdentify = "<the name of your server>";

The above specifies what server your IRC chat is on--to find out this and the contents of the next variable, go to menu > link to channel. The link it gives you will have &server= on it somewhere; copy the text after &server= for your server variable. Copy the link after ?channel=23% for your channel variable.

var ChannelIdentify = "<the name of your channel>";

the second variable.

This should set up your on-wiki channel: the next two variables control the size. Add them after the source variables (the above two)

var Height = "800";
var Width = "600";

Change those variables to change the height and width of your gadget.

Now, you need to insert it. Find the page you want to use, and insert the following div:

<div id="JRChatReplace">
text
</div>

Note: this is under construction and may be faulty.

Wikis using this code

The Monster Hunter Wiki is the first known home of the base/first codes used in this script; however, this "published" version is a bit bigger and is hopefully more stable (as well as the addition of easy-to-change variables).