Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
             <div id="menutab">
                <form id="createMForm">
                    <input type="button" id="createmenu" value="Add menu" />
                    <div class="menu">
                        <table class="ui-widget ui-widget-content">
                            <tr>
                                <td>
                                    <label for="CourseName">CourseName</label>
                                </td>
                                <td>
                                    <input type="text"  data-bind="event: { change: changeValue }, value: textValue, valueUpdate:'keydown'" class="CreateCourseName" name="CourseName" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>
            <div id="courseoptiontab">
                <form id="createCOForm">
                    <div class="options">
                        <table class="ui-widget ui-widget-content">
                            <tr>
                                <td>
                                    <label class="colabel">Course Name <span class="forcourse" data-bind="text: $root.textValue()"></span></label></td>
                            </tr>
                      </table>
                   </div>
                </form>
            </div>
 
</body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers