Rosbridge Test Page: Single Connection

<html>
  <head>
    <script type="text/javascript" src="http://brown-ros-pkg.googlecode.com/svn/tags/brown-ros-pkg/rosbridge/ros.js"></script>
    <script type="text/javascript">
function nop() {} /* console for logging */
var console = null;
var connection = null;

function pub() {
  if (connection == null) return;
  log('attempting to send message over 1st socket connection.');
  connection.publish('/recognizer/output', 'std_msgs/String', '{"data":' + '"On Pub Button Click Message"' + '}');
}

function displayDate() {
  document.getElementById("demo").innerHTML=Date();
  if (connection == null) return;
  log('attempting to send message over 1st socket connection.');
  connection.publish('/recognizer/output', 'std_msgs/String', '{"data":' + '"On Display Date Button"' + '}');
}

function log(msg) {
  if (console == null) return;
  console.innerHTML = console.innerHTML + msg + "<br/>";
}

function init() {
  function waitForDOM() {
    var cnsl = document.getElementById('console');
    if (cnsl == null) {
      setTimeout(waitForDOM, 100);
    } else {
      console = cnsl;
      setTimeout(main, 0);
    }
  }
  setTimeout(waitForDOM, 100);
}

function main() {
  log('console initialized');
  var connectInfo = document.location.toString();

  log('creating ROSProxy connection object...');

  try {
    connection = new ros.Connection("ws://127.0.0.1:9090");
  } catch (err) {
    log('Problem creating proxy connection object!');
    return;
  }

  log('connection created');

  connection.setOnClose(function (e) {
    log('connection closed');
  });
  connection.setOnError(function (e) {
    log('network error!');
  });
  connection.setOnOpen(function (e) {
    log('connected');
    log('initializing ROSProxy...');
    try {
      connection.callService('/rosjs/topics', '[]', nop);
    } catch (error) {
      log('Problem initializing ROSProxy!');
      return;
    }

    log('initialized');
    log('running');
    log('trying to publish a message');

    connection.publish('/recognizer/output', 'std_msgs/String', '{"data":' + '"On Page Load Message"' + '}');
  });
}
    </script>
  </head>
<body onload="init()">
Rosbridge Test Page
<p id="demo">This page shows how to publish messages with json over rosbridge on page load and on button click event</p>
<button type="button" onclick="displayDate()">Display Date</button>
<button type="button" onclick="pub()">Publish String Message</button><br/><br/>
<b>Log:</b><div id="console" style="margin-left: 1em;"></div>
</body>
</html>