基于代理状态使元素动态
注意:本指南仅适用于聊天专用帐户的聊天小部件，而不适用于聊天+支持帐户。看到<一个href＝＂https://support.zendesk.com/hc/en-us/articles/4408836197658">关于聊天账号类型在聊天帮助中心。
基于代理状态使元素动态
的livechat.setOnStatus ()方法使您可以在代理状态更改时运行事件处理程序。
美元zopim.livechat.setOnStatus(处理器);
该方法以函数作为参数。函数在运行时接收状态('在线'，'离开'，或'离线')作为参数。
函数处理程序（状态）｛//使用status的值｝
可以使用状态参数动态更改元素。
示例:使座席徽章动态
假设您希望在代理状态更改时更改代理标识。说明徽章图像设置方法如下:
zopim美元．livechat．徽章．setImage（“IMG_URL”）；
要使徽章图像动态，请定义一个函数，有条件地设置不同的图像，然后将该函数作为参数提供给setOnStatus ()方法。例子:
<脚本类型＝＂text / javascript＂>zopim美元．livechat．setOnStatus（徽章）；函数徽章（状态）｛如果（状态= =“在线”）｛zopim美元．livechat．徽章．setImage（“ACTIVE_IMG_URL”）；｝其他的如果（状态= =“走开”）｛zopim美元．livechat．徽章．setImage（“AWAY_IMG_URL”）；｝其他的如果（状态= =“离线”）｛zopim美元．livechat．徽章．setImage（“OFFLINE_IMG_URL”）；｝｝脚本>
的值将改变徽章图像状态．
您可以对其他徽章属性使用相同的方法。下面是一些例子:
美元zopim.livechat.badge.setColor(“# AABBCC”);美元zopim.livechat.badge.setLayout(“text_only”);美元zopim.livechat.badge.hide ();
你可以为每个状态设置多个属性:
如果（状态= =“在线”）｛zopim美元．livechat．徽章．setImage（“INSERT_IMG_URL”）；zopim美元．livechat．徽章．改变颜色（“# AABBCC”）；｝.．.
示例:动态创建自定义聊天按钮
您可以使用相同的方法创建一个自定义聊天按钮，该按钮会随着代理状态的变化而变化。
首先，定义一个id属性，以便能够从脚本中选择按钮图像:
<一个href＝＂javascript: $ zopim.livechat.window.toggle ()＂><imgid＝＂图像＂src＝＂IMG_SRC＂/>一个>
默认映像只是一个占位符。的setOnStatus ()方法将根据代理状态更改映像。
<脚本类型＝＂text / javascript＂>zopim美元（函数（）｛zopim美元．livechat．setOnStatus（change_chat_img）；｝）；函数change_chat_img（状态）｛varimg＝文档．getElementById（“图像”）；如果（状态= =“在线”）｛img．src＝“ONLINE_IMG_SRC”；｝其他的如果（状态= =“走开”）｛img．src＝“AWAY_IMG_SRC”；｝其他的如果（状态= =“离线”）｛img．src＝“OFFLINE_IMG_SRC”；｝｝脚本>
的值将改变按钮图像状态．