Javascript API

Start Now for Free

Department List Demo

This demo shows you how to use monitor tag and render department list directly. In this example, mylivechat ID is 68268000. You need to replace it with your own mylivechat ID.

Use chatapi.aspx to embed monitor tag and hide button/link/box.
Use MyLiveChat.Departments method to get all departments of your account.
Use MyLiveChat.Departments[i].Agents[j].Online method to determine whether the agent of Departments[i] is online.
Use MyLiveChat_OpenDialog() method to show the chat dialog or offline message window.

<script type="text/javascript" src='http://mylivechat.net/chatapi.aspx?hccid=68268000'></script>
<script type="text/javascript">
function GetMyLiveChatDepartments()
{
    if(typeof(MyLiveChat) == "undefined" || !MyLiveChat || !MyLiveChat.Departments)
        return;
    for(var i=0; i<MyLiveChat.Departments.length; i++)
    {
        var Department = MyLiveChat.Departments[i];
        var csstext = "color:gray;";
        var tooltip = "No agent online";
        var deptonline = false;
        for(var j=0;j<Department.Agents.length; j++)
        {
            var Agent = Department.Agents[j];
            if(!Agent.Online)continue;
                deptonline = true;
            break;
        }
        if(deptonline)
        {
            csstext = "color:black;";
            tooltip = "Online";
        }
        document.write("<a href='#' style='"+csstext+"' title='"+tooltip+"' onclick='MyLiveChat_SetDepartment(\""+Department.Name+"\");MyLiveChat_OpenDialog();'>
            ");
            document.write(Department.Name);
            document.write("
        </a>  ");
    }
}
GetMyLiveChatDepartments();
</script>