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.com/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;
}