Tuesday, June 29, 2010

Embedding a chat link of a Monitoring Queue or Interview to your web site

Embedding chat link to any web page is fairly easy. Take the following steps to embed chat link into your custom web page:
1. Open the webpage using any text editor
2. Add the following snippet to page header:
<script type="text/javascript" >
function startchat(queue) {
window.open("http://ApacheServerIP/ITFramework/webclient/chatapi.html?userName=" + queue,"_blank","scrollbars=yes,resizable=yes,menubar=no,status=no,directories=no,width=638,height=515");
}
</script>

3. Add the following snippet to page body where you would want to display the chat link:
<a href="javascript:startchat(' Queue Login ID ');" style="text-decoration:none; color:green; font-family:Calibri">
<img style="vertical-align:bottom" alt="" src="http:// ApacheServerIP /ITFramework/servlet/ITSTLinksStatus?name=Queue Login ID " border="0" >
<span>Queue Display Name goes here</span>
</a>

'Queue Login ID' in the above snippet  needs to be replaced with the Queue Login Name.
You can customize the look and feel of the hyperlink as per your needs. Hyperlink needs to call the function: startchat(‘Queue Login ID’) to initiate a chat when the hyperlink is clicked by the user.


A live demo of the customized chat links can be viewed at http://www.instant-tech.com/Interactive_Presence.cfm

No comments: