Source

htraf-packaging / htraf / demo / 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>