demo.html

﻿<!DOCTYPE HTML>
<html>
<head>
    <title>Demo</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style>
        .widget { border: 2px solid; margin-bottom: 1em; padding: .5em; }
        .active { color: green; }
    </style>
    <script type="text/javascript">window.JSON || document.write( '<script src="json2.js"><\/script>' )</script>
    <script type="text/javascript" src="jquery-1.6.3.js"></script>
    <script type="text/javascript" src="OpenAjax.js"></script>
    <script type="text/javascript" src="jquery-hub.js"></script>
    <script type="text/javascript" src="demo.js"></script>
</head>
<body>
    <h1>Demo</h1>
    <div id="edit" class="widget">
        <h2>Edit Widget</h2>
        <label for="name">Name:</label>
        <input id="name" type="text" />
        <input id="save" type="button" value="save" disabled />
        <input id="cancel" type="button" value="cancel" disabled />
        <input id="key" type="hidden" />
    </div>
    <div id="list" class="widget">
        <h2>List Widget</h2>
        <ul>
        </ul>
    </div>
</body>
</html>