@@ -1,5 +1,6 @@
11<html>
22<head>
3+<!-- add examples drop down menu -->
34<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
45<title>Project:M36 WebSocket Client</title>
56<script type="text/javascript" src="project-m36.js"></script>
@@ -58,16 +59,47 @@ margin: 3px;
5859 width: 100px;
5960}
6061
62+#samples
63+{
64+ display:none;
65+}
66+
67+#samplesouter
68+{
69+ border: 1px solid;
70+ display: inline-block;
71+ padding-left: 10px;
72+ padding-right: 10px;
73+}
74+
75+#samples li:hover
76+{
77+ background-color: #d1d1e0;
78+}
79+
6180</style>
6281</head>
63−<body>
82+<body onload="installSampleHandlers();">
6483<h1>Project:M36 WebSocket Client</h1>
65−<p>Try the <a href="https://github.com/agentm/project-m36/blob/master/docs/15_minute_tutorial.markdown">15 minute TutorialD Tutorial</a>.</p>
6684<div id="sheet">
6785 <div id="interactor">
6886 <form onsubmit="return connectOrDisconnect(this);" id="connection">
6987 <label>Connection:</label><input type="text" name="host" value="localhost" placeholder="Host"/>:<input type="number" placeholder="Port" name="port" min="0" max="32767" value="8888"/>/<input type="text" placeholder="Database Name" name="dbname" value="test"/><input type="submit" name="connect" value="Connect"/>
7088 </form>
89+ <div onmouseover="toggleSamples(this, true);" onmouseleave="toggleSamples(this, false);" id="samplesouter">
90+ <span>Sample TutorialD: <a href="https://github.com/agentm/project-m36/blob/master/docs/15_minute_tutorial.markdown">15 minute TutorialD Tutorial</a>.</span>
91+</span>
92+ <ul id="samples">
93+ <li>:showexpr true</li>
94+ <li>:showexpr false</li>
95+ <li>:importexample date</li>
96+ <li>:showexpr s join sp</li>
97+ <li>update s where city="Paris" (status:=10)</li>
98+ <li>:showexpr s</li>
99+ <li>:commit</li>
100+ <li>:showgraph</li>
101+ </ul>
102+ </div>
71103 <form onsubmit="return execTutorialD();">
72104 <input type="text" id="tutd"/>
73105 <input type="submit"/>