Cómo animar la interfaz de usuario del chat instantáneo
Los artículos relacionados con la personalización están redactados para una audiencia técnica con experiencia en el desarrollo web. Se requieren conocimientos de HTML, CSS y JavaScript.
Archivo a editar: LanguagesForChatOnlyMode.js
var ic_hic_demo_timer = null;
var ic_hic_demo_firstrun = true;
ic_hic_demo_timer = setInterval(ic_hic_demo_timer_checkobject, 50);
function ic_hic_demo_timer_checkobject()
{
if ((ICObject != null) && (ICObject.pCustomLogo != null))
{
if (ic_hic_demo_firstrun)
{
ic_hic_demo_firstrun = false;
ICObject.pCustomLogo.style.left = "248px";
ICObject.pCustomLogo.style.top = "50px";
ICObject.pCustomLogo.style.zIndex = "2000";
ICObject.pStatusIcon.style.left = "17px";
ICObject.pStatusIcon.style.top = "85px";
ICObject.pStatusIcon.style.zIndex = "2000";
ICObject.pWindowTitle.style.left = "33px";
ICObject.pWindowTitle.style.top = "11px";
ICObject.pWindowTitle.style.zIndex = "2000";
ICObject.pStatusText.style.left = "54px";
ICObject.pStatusText.style.top = "88px";
ICObject.pStatusText.style.zIndex = "2000";
ICObject.pFileSendButton.style.left = "13px";
ICObject.pFileSendButton.style.top = "32px";
ICObject.pFileSendButton.style.zIndex = "2000";
ICObject.pDisconnectButton.style.left = "54px";
ICObject.pDisconnectButton.style.top = "32px";
ICObject.pDisconnectButton.style.zIndex = "2000";
ICObject.pSendButton.style.left = "297px";
ICObject.pSendButton.style.top = "382px";
ICObject.pSendButton.style.zIndex = "2000";
ICObject.pCustomIcon.style.left = "13px";
ICObject.pCustomIcon.style.top = "12px";
ICObject.pCustomIcon.style.zIndex = "2000";
}
ICObject.pCustomLogo.style.left = parseInt(ICObject.pCustomLogo.style.left) - 1 + "px";
ICObject.pCustomLogo.style.top = parseInt(ICObject.pCustomLogo.style.top) + 1 + "px";
ICObject.pStatusIcon.style.left = parseInt(ICObject.pStatusIcon.style.left) + 1 + "px";
ICObject.pStatusIcon.style.top = parseInt(ICObject.pStatusIcon.style.top) + 1 + "px";
ICObject.pWindowTitle.style.left = parseInt(ICObject.pWindowTitle.style.left) + 1 + "px";
ICObject.pWindowTitle.style.top = parseInt(ICObject.pWindowTitle.style.top) + 1 + "px";
ICObject.pStatusText.style.left = parseInt(ICObject.pStatusText.style.left) + 1 + "px";
ICObject.pStatusText.style.top = parseInt(ICObject.pStatusText.style.top) + 3 + "px";
ICObject.pFileSendButton.style.left = parseInt(ICObject.pFileSendButton.style.left) + 1
+ "px";
ICObject.pFileSendButton.style.top = parseInt(ICObject.pFileSendButton.style.top) + 1
+ "px";
ICObject.pDisconnectButton.style.left = parseInt(ICObject.pDisconnectButton.style.left)
+ 1 + "px";
ICObject.pDisconnectButton.style.top = parseInt(ICObject.pDisconnectButton.style.top)
+ 2 + "px";
ICObject.pSendButton.style.left = parseInt(ICObject.pSendButton.style.left) - 1 + "px";
ICObject.pSendButton.style.top = parseInt(ICObject.pSendButton.style.top) - 1 + "px";
ICObject.pCustomIcon.style.left = parseInt(ICObject.pCustomIcon.style.left) + 1 + "px";
ICObject.pCustomIcon.style.top = parseInt(ICObject.pCustomIcon.style.top) + 2 + "px";
}
}
Article last updated: 27 September, 2022