Source

htraf-packaging / htraf / examples10 / iframe_list.html

<!DOCTYPE html>
<html>
<head>
    <title>Ul/Ol and Iframe simple demo</title>
    <script type="text/javascript" src="/-/htraf/htraf.js"></script>
    <link type="text/css" rel="stylesheet" href="../css/htraf-02.css"/> 
    <style>
        iframe {
            width: 450px;
            height: 350px;
        }
    </style>
</head>
<body>
    <h1>List of Schools (click on item to select)</h1>
    <ul data-htsql="/school{id(), name}" id="school"></ul>
    <iframe data-htsql="/program{title, count(student)}
                         ?count(student)>0&school=$school
                        /chart(type='pie', legend='ne', 
                        title='Students By Program')"
            data-ref="school">
    </iframe>
    <script data-htsql="/department{1^,count(course)}?school=$school"
            data-ref="school">
    </script>
</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.