product icon

How to Change the Current Language

Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.

You can learn from this article how to change the current language.

File to edit: LanguagesForChatOnlyMode.js

ic_hic_demo_timer = setInterval(ic_hic_demo_timer_checkobject, 100);
function ic_hic_demo_timer_checkobject()
{
  if ((ICObject != null) && (ICObject.pMainContentArea != null))
  {
    clearInterval(ic_hic_demo_timer);
    ICObject.LangDivEn = document.createElement("div");
    ICObject.LangDivEn.className = "demoButton1";
    ICObject.LangDivEn.onclick = function () { ICObject.changeLanguage(0); }
    ICObject.LangDivEn.innerHTML = "English";
    ICObject.pMainContentArea.appendChild(ICObject.LangDivEn);
    ICObject.LangDivRu = document.createElement("div");
    ICObject.LangDivRu.className = "demoButton2";
    ICObject.LangDivRu.onclick = function () { ICObject.changeLanguage(9); }
    ICObject.LangDivRu.innerHTML = "Pусско";
    ICObject.pMainContentArea.appendChild(ICObject.LangDivRu);
    ICObject.LangDivDa = document.createElement("div");
    ICObject.LangDivDa.className = "demoButton3";
    ICObject.LangDivDa.onclick = function () { ICObject.changeLanguage(21); }
    ICObject.LangDivDa.innerHTML = "Dansk";
    ICObject.pMainContentArea.appendChild(ICObject.LangDivDa);
  }
}

File to edit: InstantChat.css

.demoButton1
{
  position: absolute;
  left: 100px;
  top: 60px;
  width: 40px;
  cursor: pointer;
  background-color: green;
  z-index: 2000;
}
.demoButton2
{
  position: absolute;
  left: 140px;
  top: 60px;
  width: 40px;
  cursor: pointer;
  background-color: red;
  z-index: 2000;
}
.demoButton3
{
  position: absolute;
  left: 180px;
  top: 60px;
  width: 40px;
  cursor: pointer;
  background-color: blue;
  z-index: 2000;
}
Article last updated: 14 July, 2023