git.iko.soy/project-m36
on 8cfc3ee help sign in
project-m36/src/bin/ProjectM36/Server/WebSocket/websocket-client.html
118 lines 2.8 kB history raw
1<html>
2<head>
3<!-- add examples drop down menu -->
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<title>Project:M36 WebSocket Client</title>
6<script type="text/javascript" src="project-m36.js"></script>
7<script type="text/javascript" src="websocket-client.js"></script>
8<style>
9#sectiontemplate
11 display: none;
14.deletesection
16 float:right;
17 border: 1px solid;
18 padding: 3px;
19 border-radius: 3px;
20 background: #ff8b8b;
23hr
25border: 0;
26height: 1px;
27background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
30.title
32padding: 3pt;
33border: 1px solid;
34border-radius: 3px;
35background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
36margin: 3px;
39.result table
41 border-collapse: collapse;
42 display: inline-block;
43 vertical-align: middle;
46.result td, .result th
48 border: 1px solid black;
49 padding: 2px;
52.result th
54 background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
57#connection input
59 width: 100px;
62#samples
64 display:none;
67#samplesouter
69 border: 1px solid;
70 display: inline-block;
71 padding-left: 10px;
72 padding-right: 10px;
75#samples li:hover
77 background-color: #d1d1e0;
80</style>
81</head>
82<body onload="installSampleHandlers();">
83<h1>Project:M36 WebSocket Client</h1>
84<div id="sheet">
85 <div id="interactor">
86 <form onsubmit="return connectOrDisconnect(this);" id="connection">
87 <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"/>
88 </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=&quot;Paris&quot; (status:=10)</li>
98 <li>:showexpr s</li>
99 <li>:commit</li>
100 <li>:showgraph</li>
101 </ul>
102 </div>
103 <form onsubmit="return execTutorialD();">
104 <input type="text" id="tutd"/>
105 <input type="submit"/>
106 </form>
107 </div>
108 <div id="sectiontemplate">
109 <span class="title"></span>
110 <span class="deletesection" onclick="return hideParent(this);">X</span>
111 <div style="clear: both;"></div>
112 <div class="result">
113 </div>
114 <span class="relinfo"></span>
115 <hr/>
116 </div>
117</body>
118</html>