function RunChat(cfg) { cfg.divChat = GetElement(cfg.divChat); cfg.hidIDMessage = GetElement(cfg.hidIDMessage); cfg.hidUserName = GetElement(cfg.hidUserName); cfg.hidLastUser = GetElement(cfg.hidLastUser); cfg.divChatContainer = GetElement(cfg.divChatContainer); cfg.lblTitle = GetElement(cfg.lblTitle); cfg.txtText = GetElement(cfg.txtText); cfg.btnSend = GetElement(cfg.btnSend); cfg.lblTitle.innerHTML = cfg.Texts.Chat; cfg.lblTitle.className = "titleChatNormal"; cfg.divChatContainer.style.display = "none"; cfg.Minimized = true; cfg.Connected = null; cfg.FirstMessages = true; cfg.ScrollOnRestore = true; cfg.ScrollPosition = 0; cfg.lblTitle.onclick = function () { if (cfg.Minimized) { cfg.divChatContainer.style.display = ""; if (cfg.Connected) { cfg.lblTitle.innerHTML = cfg.Texts.Close; cfg.lblTitle.className = "titleChatNormal"; } if (cfg.ScrollOnRestore) { cfg.divChat.scrollTop = cfg.divChat.scrollHeight; } else { cfg.divChat.scrollTop = cfg.ScrollPosition; } cfg.Minimized = false; } else { cfg.ScrollPosition = cfg.divChat.scrollTop; cfg.ScrollOnRestore = (cfg.divChat.scrollTop > (cfg.divChat.scrollHeight - cfg.divChat.offsetHeight)); cfg.divChatContainer.style.display = "none"; if (cfg.Connected) { cfg.lblTitle.innerHTML = cfg.Texts.Chat; cfg.lblTitle.className = "titleChatNormal"; } cfg.Minimized = true; } }; var CreateMessageDOM = function (message, selfMessage, showUserName) { var divMessageRow = document.createElement("DIV"); if (selfMessage) { divMessageRow.className = "selfMessageRow"; } else { divMessageRow.className = "messageRow"; } var divMessage = document.createElement("DIV"); divMessage.className = "message"; divMessageRow.appendChild(divMessage); if (showUserName) { var divUser = document.createElement("DIV"); divUser.className = "user"; divUser.innerHTML = escapeHTML(message.UserName); divMessage.appendChild(divUser); } var text = message.Text; var divText = document.createElement("DIV"); divText.className = "text"; divText.innerHTML = escapeHTML(text); divMessage.appendChild(divText); divMessage.title = new Date(message.Date); return divMessageRow; }; var RequestChatData = function () { var ReciveChatData = function (responseText) { // Mark as connected if (cfg.Connected == false) { if (cfg.Minimized) { cfg.lblTitle.innerHTML = cfg.Texts.Chat; } else { cfg.lblTitle.innerHTML = cfg.Texts.Close; } cfg.lblTitle.className = "titleChatNormal"; cfg.txtText.disabled = false; cfg.btnSend.disabled = false; } cfg.Connected = true; recvMsgs = JSON.parse(responseText); if (recvMsgs) { var msgCount = 0; var scrollChat = false; if (cfg.Minimized == false && cfg.divChat.scrollTop > (cfg.divChat.scrollHeight - cfg.divChat.offsetHeight)) { scrollChat = true; } var idMessage = parseInt(cfg.hidIDMessage.value); var frag = document.createDocumentFragment(); for (var i = 0, n = recvMsgs.length; i < n; i++) { var msg = recvMsgs[i]; if (idMessage < msg.IDMessage) { cfg.hidIDMessage.value = msg.IDMessage; idMessage = msg.IDMessage; var elemMessage = CreateMessageDOM(msg, (msg.UserName == cfg.hidUserName.value), (cfg.hidLastUser.value !== msg.UserName)); cfg.hidLastUser.value = msg.UserName; frag.appendChild(elemMessage); msgCount++; } } cfg.divChat.appendChild(frag); if (scrollChat) { cfg.divChat.scrollTop = cfg.divChat.scrollHeight; } if (cfg.Minimized && cfg.FirstMessages == false && msgCount > 0) { cfg.lblTitle.innerHTML = cfg.Texts.NewMessages; cfg.lblTitle.className = "titleChatAlert"; } } cfg.FirstMessages = false; // Reset pool window.setTimeout(function () { RequestChatData(); }, 20); }; var ErrorChatData = function () { // Mark as disconnected cfg.lblTitle.innerHTML = cfg.Texts.Disconnected; cfg.lblTitle.className = "titleChatDisconnected"; cfg.txtText.disabled = true; cfg.btnSend.disabled = true; cfg.Connected = false; cfg.FirstMessages = false; // Retry window.setTimeout(function () { RequestChatData(); }, 5000); }; // Pool data var data = { "idBoard": cfg.IDBoard, "idMessage": cfg.hidIDMessage.value, "PoolData": ((cfg.FirstMessages || cfg.Connected == false) ? "0" : "1") }; SendRequest(cfg.ServiceUrl, data, ReciveChatData, ErrorChatData); }; RequestChatData(); } function SendChat(cfg) { cfg.txtText = GetElement(cfg.txtText); cfg.hidUserName = GetElement(cfg.hidUserName); if (cfg.txtText.value.trim() == "") { return; } // Send data var data = { "text": cfg.txtText.value, "idBoard": cfg.IDBoard, "userName": cfg.hidUserName.value }; SendData(cfg.ServiceUrl, data, null, null); cfg.txtText.value = ""; cfg.txtText.focus(); }