For what I was working on I wanted the chat window to be "inside", that is, have the usual header, navigation bar, footer, etc. as the rest of the forums, instead of popping up as a window.
This is how I did it (in case someone else needs to do the same thing).
First I made a custom template, named custom_ajaxchat with the following code as the body of the template:
Code:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div class="blockbody">
<div class="blockrow">
<!-- Custom Code Start Here -->
<center>
<iframe src="http://DOMAINNAME.COM/chat/" width="80%" height="640>
</iframe>
</center>
<!-- / Custom Code Ends here -->
</div>
</div>
{vb:raw footer}
</body>
</html>
Obviously, you'll need to change "DOMAINNAME.COM" to your forum's domain name.
The link in the navbar template I changed from what ICThawk gave us, to this:
Code:
<a class="navtab" href="misc.php?do=page&template=ajaxchat" target="_blank">Chat ({vb:raw num_chatting})</a>
The important parts is the url in href that points to the custom template and removing the 'onclick' event. I also added target="_blank" so that it would open a new tab so the user can continue browsing forums in one tab and chat in another.
You'll still need the Plugin (hooked to global_bootstrap_init_start) that ICThawk provided, I didn't make any changes there.