htraf-packaging / htraf / demo / examples20 / pycon-us-2011.html

<!DOCTYPE html>
<html>
<head>
    <title> HTRAF Demo </title>
    <script type="text/javascript" 
            src="../../htraf.js"
            data-htsql-version="2"
            data-htsql-prefix="/@">
    </script>
    <link rel="stylesheet" type="text/css" href="../css/htraf-02.css"/>
</head>
<body>
 <h3>Select a School</h3>
 <select id="school" 
   data-htsql="/school{code, name}?exists(department)">
 </select>
 <h3>Departments</h3>
 <p>Filter by name: <input id="dept_name"/></p>
 <table id="department"
   data-htsql="/department{code, name, school.name}
               ?school_code=$school&name~$dept_name"></table>
 <p>The number of courses in this department: 
   <strong data-htsql="/department{count(course)}
                       ?code=$department"></strong>
 </p>
 <h3>Courses</h3>
 <table id="course" 
   data-htsql="/course?department_code=$department"></table>
</body>
</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.