Javascript API

Start Now for Free

Agent List Demo

This demo shows you how to use monitor tag and render chat agent 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[i].Agents method to get all agents of the specific department.
Use MyLiveChat.Departments[i].Agents[j].Online method to determine whether the specific agent is online or not.
Integrate online and offline agents to web site page
Use MyLiveChat_OpenDialog() method to show the chat dialog or offline message window.


<script type="text/javascript" src='https://www.mylivechat.com/chatapi.aspx?hccid=68268000'></script>
<script type="text/javascript">
  var apiagents = [];
  var apiagentsonline = [];
  var apiagentsoffline = [];

  function GetMyLiveChatAgents()
  {
    if(typeof(MyLiveChat)=="undefined" || !MyLiveChat || !MyLiveChat.Departments)
      return;
    for(var i=0; i<MyLiveChat.Departments.length; i++)
    {
      var Department = MyLiveChat.Departments[i];
      if(Department.Agents.length==0)continue;
      for(var j=0;j<Department.Agents.length; j++)
      {
        var Agent = Department.Agents[j];
        Agent.DeptpartmentName = Department.Name;
        apiagents.push(Agent);
        if(Agent.Online)
          apiagentsonline.push(Agent);
        else
          apiagentsoffline.push(Agent);
      }
    }			
  }

  function RenderMyLiveChatAgents()
  {
    var csstext = "color:black;"
	var departmentname =  "";
    for(var i=0; i<apiagentsonline.length; i++)
    {
      if(i==0)document.write("<b>Online agents :</b> ");
      var Agent = apiagentsonline[i];
      if(departmentname!=Agent.DeptpartmentName)
      {
        departmentname = Agent.DeptpartmentName;
        document.write("<b>"+departmentname+" : </b>");
      }
      document.write("<a href='#' style='"+csstext+"' onclick='MyLiveChat_OpenDialog"+"();'>");
      document.write(Agent.Name);
      document.write("</a>  ");
    }

    csstext = "color:gray;"
    departmentname =  "";
    for(var i=0; i<apiagentsoffline.length; i++)
    {
      if(i==0)document.write("<br /><b>Offline agents :</b> ");
      var Agent = apiagentsoffline[i];
      if(departmentname!=Agent.DeptpartmentName)
      {
        departmentname = Agent.DeptpartmentName;
        document.write("<b>"+departmentname+" : </b>");
      }
      document.write("<a href='#' style='"+csstext+"' onclick='MyLiveChat_OpenDialog"+"();'>");
      document.write(Agent.Name);
      document.write("</a>  ");
    }
  }
  GetMyLiveChatAgents();
  RenderMyLiveChatAgents();
</script>

Javascript API

Javascript API

Query String

Agent List Demo