product icon

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