<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>CodeRunner Home</title>

    <style type="text/css">
body {
  font: 12px Verdana, sans;
  width: 600px;
}
h1, h2, h3 {
  font-weight: normal;
  color: #36b;
  padding: 0;
  margin: 10px 0;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
  color: #666;
  border-bottom: 1px solid #ccc;
}
.important {
  text-align: center;
}
.button {
  background: #fffddd;
  border: 1px solid #ccc;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 5px;
  font: 22px Arial, sans;
  color: #666;
  text-decoration: none;
}
code {
  color: #063;
}
pre {
  margin-left: 2px;
  border-left: 2px solid #ccc;
  padding-left: 10px;
  color: #063;
}

    </style>
  </head>

  <body class="" onload="">
    <h1>CodeRunner</h1>
    <p>CodeRunner is an OpenSocial gadget that allows you to 
execute JavaScript calls against the container that it is 
installed in, <strong>without having to install or update a 
gadget XML file</strong>.  CodeRunner is great for testing code
snippets and mocking out test applications.</p>

    <h2>Install</h2>
    <p class="important">
      <a class="button"
        href="http://sandbox.orkut.com/AppInfo.aspx?appUrl=http%3A%2F%2Fopensocial-resources.googlecode.com%2Fsvn%2Fsamples%2Fcoderunner%2Ftrunk%2Fcoderunner.xml">Install CodeRunner on sandbox.orkut.com</a>
    </p>

    <h2>Current Version</h2>
    <p>CodeRunner has been updated to be OpenSocial 0.7 
compatible.  Currently, it is only being tested in Orkut's sandbox.  </p>

    <p class="important">
      Here is a link to <a
        href="http://opensocial-resources.googlecode.com/svn/samples/coderunner/trunk/coderunner.xml">the lastest version of CodeRunner</a>
    </p>

    <h2>Instructions</h2>
    <h3>Printing output</h3>
    <p>Use the <code>output()</code> function to print output to the application.  If you have <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> installed, <code>output()</code> also prints to Firebug's console, meaning you can view complex objects.</p>
    <h3>Creating DOM</h3>
    <p>There is a DOM node with an ID of <code>dom_handle</code> in CodeRunner that is intended for being a hook for inserting more DOM nodes into the document. The following code inserts a new text node as a child of the handle.</p>
    <pre>
var handle = document.getElementById("dom_handle");
var childNode = document.createTextNode("text goes here");
handle.appendChild(childNode);
</pre>
 
  </body>
</html>
