Source

htraf-packaging / htraf / demo / examples10 / basic / htsql_files.html

<!DOCTYPE html>
<html>
<head>
    <title>Basic Demo (Select, Table, Single Value) based on
           *.htsql files </title>
    <script type="text/javascript" src="/-/htraf/htraf.js"></script>
    <link type="text/css" rel="stylesheet" href="../../css/htraf-02.css"/> 
</head>
<body>
    <small>
        <a href="index.html">Same functionality (htsql queries inside HTML)</a>
    </small>
    <h3>Select School</h3>
    <select id="school" data-htsql="school.htsql"></select>
    <h3>Departments</h3>
    <p>Filter By Name <input id="department_name"/></p>
    <table id="department" data-htsql="department.htsql"
           data-ref="school department_name">
    </table>
    <p>
        Selected Department: 
        <em data-htsql="department_name.htsql" data-ref="department"></em> 
        <br/>

        Count of Courses in Selected Department: 
        <strong data-htsql="count_course.htsql" data-ref="department">
        </strong>
    </p>
    <table id="course" data-htsql="course.htsql" data-ref="department">
    </table>
</body>
</html>