JSFiddle - React, Tailwind, and code Playground
by PH7Jack
HTML
<link href="https://hpcorreias.geiko.com.br/crm//_Shared/Content/chatFloat.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">function AumentarChat(valor) {
function GetXMLHttp() {
if (navigator.appName == "Microsoft Internet Explorer") { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") } else { xmlHttp = new XMLHttpRequest() }
return xmlHttp;
}
var mod = GetXMLHttp(); mod.open("GET", 'https://hpcorreias.geiko.com.br/chat/01/status_chat_newChat.asp?s=' + valor + "&empN=HP CORREIAS", !0); mod.onreadystatechange = function () {
if (mod.readyState == 4) {
document.getElementById("chatGeiko").classList.add("topcornerGeikoActive")
document.getElementById("chatGeiko").innerHTML = mod.responseText; if (mod.responseText.indexOf("chatAbtGeiko") != "-1") {
document.getElementById("divChat").innerHTML = "<iframe id='IframeChatNovo' class='IframeChatNovo' src='https://hpcorreias.geiko.com.br/chat/01/index_siteOnFloat.asp?s=1&PsiteOnFloat=s&Pfone=s&Ppro=s&Pcor=0097df' marginheight='0' frameborder='0' marginwidth='0' border='0'></iframe>"}
else { Captcha() }
}
}; mod.send(null)
}
function FecharChat() {
var inicioHTML = "<div style='display: inline-block;float:left;' onclick='AumentarChat(1);' > " + "<img src='https://hpcorreias.geiko.com.br/chat//01/chat.png' style='margin-top: 15px; margin-left: 13px; width: 30px; height: 30px; border: 0px solid #ff0000; vertical-align: bottom; '>"+"</div>"
var isActivedClass = document.getElementsByClassName('topcornerGeikoActive'); if (isActivedClass.length > 0) { document.getElementById("chatGeiko").classList.remove("topcornerGeikoActive"); document.getElementById("chatGeiko").style.transition = "all .5s ease-in"; document.getElementById("chatGeiko").innerHTML =...