<script language="JavaScript"> var dropDownsPopulated = false; $( document ).ready(function() { // When the document loads, get the metadata JSON, and kick off tbl render $.get("/metadata.txt", function(data, status) { metadata = $.parseJSON(data); metadata.pages.sort(dynamicSort("t")); mainLogic() $(window).bind( 'hashchange', function(e) { mainLogic(); }); }); }); function mainLogic() { // If there's a tag filter, change the table/drop down output if (!dropDownsPopulated) populateDropdowns(); var tag=window.location.hash.replace("#",""); if(tag) { tag = $.trim(tag); for (i=0;i"); output.push("---"); Object.keys(storedTagsArrays[i]).sort().forEach(function (key) { output.push("" + key + ""); }); output.push("") $(dropDowns[i]).html(output.join("")); } dropDownsPopulated = true; } function dropFilter(srcobj) { // process the change of a drop-down value // the ID of the drop down is either command, object, or concept // these exact values are what topicsFilter() expects, plus a filter val // which we get from .text() of :selected console.log("dropFilter:" + $(srcobj).attr('id') + ":" + $(srcobj).find(":selected").text()); topicsFilter($(srcobj).attr('id').replace("#",""),$(srcobj).find(":selected").text(),"output"); for(i=0;i <style> #filters select{ font-size: 14px; border: 1px #000 solid; } #filters { padding-top: 20px; } </style>
Click tags or use the drop downs to filter. Click table headers to sort or reverse sort.
Filter by Concept:
Filter by Object:
Filter by Command: