product icon

Cómo mostrar nuevos elementos HTML

    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;
ic_hic_demo_timer = setInterval(ic_hic_demo_timer_checkobject, 100);
function ic_hic_demo_timer_checkobject()
{
  if ((ICObject != null) && (ICObject.pBodyArea != null) && (ICObject.pMainContentArea != null))
  {
    clearInterval(ic_hic_demo_timer);
    ICObject.InsideOfUI = document.createElement("div");
    ICObject.InsideOfUI.className = "demoDiv1";
    ICObject.InsideOfUI.innerHTML = "InsideOfUI";
    ICObject.pMainContentArea.appendChild(ICObject.InsideOfUI);
    ICObject.OutsideOfUI = document.createElement("div");
    ICObject.OutsideOfUI.className = "demoDiv2";
    ICObject.OutsideOfUI.innerHTML = "OutsideOfUI";
    ICObject.pBodyArea.appendChild(ICObject.OutsideOfUI);
  }
}

    Archivo a editar: InstantChat.css 

    .demoDiv1
{
  position: absolute; 
  left: 0px;
  top: 0px;
  background-color: green;
  z-index: 2000;
}
.demoDiv2
{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: blue;
  z-index: 2000;
}
    Article last updated: 27 September, 2022