--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="content-type" value="text/html; charset=utf-8" />
+ <meta charset="utf-8" />
+ <link href="fonts/lato.css" rel="stylesheet">
+ <link href="score.css" rel="stylesheet">
+ <style>body { color: black; }</style>
+ </head>
+ <body>
+<script src="carousel.js" type="text/javascript"></script>
+<script src="score.js" type="text/javascript"></script>
+<script src="quickl3.js" type="text/javascript"></script>
+<script src="roster.js" type="text/javascript"></script>
+ <h1 id="team1heading">Team 1</h1>
+ <p>
+ <select onchange="javascript:updatequickhelp('team1', 'A');" id="team1select">
+ <option>TFK</option>
+ <option>TFK2</option>
+ <option>PCL</option>
+ <option>PCL2</option>
+ <option>BSI</option>
+ <option>BSI2</option>
+ <option>ESK</option>
+ <option>OSI</option>
+ <option>LAB</option>
+ <option>PUP</option>
+ </select>
+ </p>
+ <ul id="team1">
+ </ul>
+
+ <h1 id="team2heading">Team 2</h1>
+ <p>
+ <select onchange="javascript:updatequickhelp('team2', 'B');" id="team2select">
+ <option>TFK</option>
+ <option>TFK2</option>
+ <option>PCL</option>
+ <option>PCL2</option>
+ <option>BSI</option>
+ <option>BSI2</option>
+ <option>ESK</option>
+ <option>OSI</option>
+ <option>LAB</option>
+ <option>PUP</option>
+ </select>
+ </p>
+ <ul id="team2">
+ </ul>
+
+ <h1 id="callsheading">Calls</h1>
+ <ul id="calls">
+ </ul>
+<script src="quickhelp.js" type="text/javascript"></script>
+ </body>
+</html>
--- /dev/null
+
+function make_ul_help(response, group_name, id) {
+ var h1 = document.getElementById(id + "heading");
+ h1.innerHTML = group_name;
+
+ var ul = document.getElementById(id);
+ ul.innerHTML = "";
+ for (var p in response) {
+ if (response.hasOwnProperty(p)) {
+ var li = document.createElement('li');
+ li.innerHTML = "<strong>" + p + ":</strong> " + response[p].raw_text;
+ ul.appendChild(li);
+ }
+ }
+}
+
+function updatequickhelp(id, prefix) {
+ var e = document.getElementById(id + 'select');
+ var code = e.options[e.selectedIndex].text;
+ load_l3(code, prefix, function(response, group_name) { make_ul_help(response, group_name, id); });
+}
+
+updatequickhelp('team1', 'A');
+updatequickhelp('team2', 'B');
+load_l3('Calls', 'C', function(response, group_name) { make_ul_help(response, group_name, 'calls'); });
+