OER Evaluation Tool Demo

Enter the URL to be evaluated and click "Evaluate".

Source Code

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.1.0.min.css">
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
  </head>
  <body>
    <form id="evaluate-form">
      <label for="url">URL</label>
      <input type="text" name="url" id="url" placeholder="http://">
      <button type="submit">Evaluate</button>
    </form>
    <div id="popup" style="padding: 0">
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <script src="oer-evaluation-tool.js"></script>
    <script>
      $(function() {
        var $form = $("#evaluate-form");
        var $popup = $("#popup");
        $popup.dialog({
            title: "Evaluate Resource",
            width: 600,
            resizable: false,
            autoOpen: false
        });
        $form.submit(function(e) {
          e.preventDefault();
          var url = $form.find("#url").val();
          $popup.empty();

          OEREvaluationTool($popup.get(0), url);

          $popup.dialog("open");
        });
      });
    </script>
  </body>
</html>