OER Evaluation Tool Demo

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

Source Code

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
</head>
<body>
<div class="container">
  <h1>OER Evaluation Tool Demo</h1>
  <p>Enter the URL to be evaluated and click "Evaluate".</p>
  <form id="evaluate-form" class="form-inline">
    <div class="form-group">
      <input class="form-control" type="text" name="url" id="url" placeholder="http://" size="100">
      <button type="submit" class="btn btn-primary">Evaluate</button>
    </div>
  </form>
  <div id="popup" style="padding: 0">
  </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/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: 605,
      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>