testws.html

<!DOCTYPE html>

<meta charset="utf-8" />

<title>WebSocket Test</title>

<script language="javascript" type="text/javascript">

  var wsUri =  "ws://localhost:8888/kernels/eda3918d-524f-46e5-b314-584bb8cbf7c5/";
  var output;

  function init()
  {
    output = document.getElementById("output");
	writeToScreen("Starting")
    testWebSocket();
  }

  function testWebSocket()
  {
    websocket = new WebSocket(wsUri + "shell");
    websocket.onopen = function(evt) { onOpen(evt) };
    websocket.onclose = function(evt) { onClose(evt) };
    websocket.onmessage = function(evt) { onMessage(evt) };
    websocket.onerror = function(evt) { onError(evt) };
	
    iopub = new WebSocket(wsUri + "iopub");
    iopub.onclose = function(evt) { onClose(evt) };
    iopub.onmessage = function(evt) { onMessage(evt) };
    iopub.onerror = function(evt) { onError(evt) };
  }

  function onOpen(evt)
  {
    writeToScreen("Sending:");
    m = document.getElementById("msg");
    writeToScreen(m.innerHTML);
    doSend("");
    doSend(m.innerHTML);
  }

  function onClose(evt)
  {
    writeToScreen("DISCONNECTED");
  }

  function onMessage(evt)
  {
    writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data+'</span>');
  }

  function onError(evt)
  {
    writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
  }

  function doSend(message)
  {
    writeToScreen("SENT: " + message); 
    websocket.send(message);
  }

  function writeToScreen(message)
  {
    var pre = document.createElement("p");
    pre.style.wordWrap = "break-word";
    pre.innerHTML = message;
    output.appendChild(pre);
  }

  window.addEventListener("load", init, false);

</script>

<div id="msg">
{"header":{"msg_id":"3B9BA1AD321247B78CD2813D5899431C","username":"username","session":"D2325FE97676445F8E897A085D091A83","msg_type":"execute_request"},"content":{"code":"1+2","silent":false,"user_variables":[],"user_expressions":{},"allow_stdin":false},"parent_header":{}}
</div>



<h2>WebSocket Test</h2>

<div id="output"></div>

</html> 