CppComet - chat example

Example of simple chat based on CppComet

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://comet-server.com/CometServerApi.js"></script>
<h1>
<a href="https://github.com/CppComet/php-chat-example">https://github.com/CppComet/php-chat-example</a>
</h1>
<p>Open this page in different browsers for testing messages receiving in chat</p>
<div id="web_chat"></div>

<div>
  Name :
  <input type="text" id="name">
  <br>
  <br> Text:
  <textarea id="text"></textarea>
  <br>
  <input type="button" id="send" value="send">
  <br>
</div>

CSS

pre {
      border: 1px solid #ccc;
      padding: 5px;
      background-color: #EEE;
    }

JavaScript

$(document).ready(function() {
  cometApi.start({
    node: "app.comet-server.ru",
    dev_id: 15
  })

  cometApi.subscription("simplechat.newMessage", function(event) {
    $("#web_chat").append('<b>' + HtmlEncode(event.data.name) + '</b>')
    $("#web_chat").append('<pre>' + HtmlEncode(event.data.text) + '</pre>')
    $("#web_chat").append('<br>')
  })

  $("#send").click(function() {
    var name = $('#name').val();
    var text = $('#text').val();

    $.ajax({
      url: "https://comet-server.org/doc/CppComet/chat-example/chat.php",
      type: "POST",
      data: "text=" + encodeURIComponent(text) + "&name=" + encodeURIComponent(name)
    });
  })
})

function HtmlEncode(s) {
  var el = document.createElement("div");
  el.innerText = el.textContent = s;
  s = el.innerHTML;
  return s;
}