client_id = document.getElementById("helper").getAttribute("data-clientID"); location_id = document.getElementById("helper").getAttribute("data-LocationID"); inv_widget = document.getElementById("helper").getAttribute("data-invWidget"); chat_widget = document.getElementById("helper").getAttribute("data-chatWidget"); html = `
`; var iframe = document.createElement('iframe'); iframe.id = 'iframe'; iframe.setAttribute('style', 'position:fixed; bottom:0px; width:100%; height:60px; z-index:4324321'); iframe.setAttribute('frameBorder', '0'); document.documentElement.appendChild(iframe); var doc = document.getElementById('iframe').contentWindow.document; doc.open(); doc.write(html); doc.close(); var iframe = document.getElementById("iframe"); var pi_inv_btn = iframe.contentWindow.document.getElementById("inventoryWidget"); var pi_chat_btn = iframe.contentWindow.document.getElementById("chatWidget"); var pi_close_inv = iframe.contentWindow.document.getElementById("close_inv"); var pi_close_chat = iframe.contentWindow.document.getElementById("close_chat"); pi_inv_btn.onclick = function() { iframe.setAttribute('style', 'position:fixed; bottom:0px; width:100%; height:100%; z-index:4324321'); } pi_chat_btn.onclick = function() { iframe.setAttribute('style', 'position:fixed; bottom:0px; width:100%; height:100%; z-index:4324321'); } pi_close_inv.onclick = function() { iframe.setAttribute('style', 'position:fixed; bottom:0px; width:100%; height:60px; z-index:4324321'); } pi_close_chat.onclick = function() { iframe.setAttribute('style', 'position:fixed; bottom:0px; width:100%; height:60px; z-index:4324321'); }