3 <!--SEE CHANGELOG FOR CHANGES SINCE PREVIOUS VERSION-->
7 <meta charset="utf-8"></meta>
9 REMOTEworks: Remote Experiment Interface
14 <script src="jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
15 <script src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
16 <link rel="stylesheet" href="jquery-ui-1.10.3.custom/css/black-tie/jquery-ui-1.10.3.custom.css"></link>
20 font: 75% "Trebuchet MS", sans-serif;
27 padding: .4em 1em .4em 20px;
28 text-decoration: none;
31 #dialog-link span.ui-icon {
54 .fakewindowcontain .ui-widget-overlay {
63 //$("#digitalIO-START").button();
64 //$("#digitalIO-STOP").button();
65 //$("#digitalIO-001").button();
66 //$("#digitalIO-002").button();
67 //$("#digitalIO-003").button();
68 //$("#digitalIO-004").button();
69 $("#selector-OVERVIEW").click(function(e){
70 alert("Overview Has Been Clicked");
72 $("selector-001").click(function(){
73 $("#dynamic").append('appended content');
74 $("#tabbedContentView").tabs();
81 <!--Container for whole webpage-->
82 <div id="container" style="width:1250px">
84 <!--The title block holds the title and version number information-->
85 <div id="title block" style="background-color:grey;text-align:right;color:ivory;">
86 <p> REMOTEworks™ Ver No: 0.01 </p>
89 <div id="controlpane" style="background-color:lightgrey;width:200px;height:500px;float:left;">
90 <div id="keycontrols">
91 <h2 style="text-align:center">MASTER CONTROLS</h2>
92 <button style="width:90px;height:25px;margin:4px;background-color:darkgreen;color:white;" id="digitalIO-START" value="Request Access" role="button">
93 <span class="ui-button-text">
97 <button style="width:90px;height:25px;margin:4px;background-color:red;color:white;" id="digitalIO-STOP" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
98 <span class="ui-button-text">
104 <h2 style="text-align:center;">DIGITAL CONTROLS</h2>
105 <button style="width:90px;margin:3px;background-color:darkgrey;color:white;" id="digitalIO-001" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
106 <span class="ui-button-text">
110 <button style="width:90px;margin:3px;background-color:darkgrey;color:white;" id="digitalIO-002" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
111 <span class="ui-button-text">
115 <button style="width:90px;margin:3px;background-color:darkgrey;color:white;" id="digitalIO-003" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
116 <span class="ui-button-text">
120 <button style="width:90px;margin:3px;background-color:darkgrey;color:white;" id="digitalIO-004" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
121 <span class="ui-button-text">
127 <!--Seperator to divide the controlpane and the contentpane-->
128 <div id="seperator" style="background-color:black;width:5;height:500px;float:left;">
134 <div id="tabbedContentView" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
136 <li><a href="#overview">OVERVIEW</a></li>
137 <li><a href="view01">VIEW 1</a></li>
138 <li><a href="view02">VIEW 2</a></li>
141 <p> Overview Panel </p>
144 <p> View Number 1 </p>
147 <p> View Number 2 </p>
169 <div id="contentselector" style="background-color:black;width:1045px;float:left;">
170 <button style="width:90px;margin:4px;background-color:black;color:white;border:2px solid white;" id="selector-OVERVIEW" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
171 <span class="ui-button-text">
175 <button style="width:90px;margin:4px;background-color:black;color:white;border:2px solid white;" id="selector-001" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
176 <span class="ui-button-text">
180 <button style="width:90px;margin:4px;background-color:black;color:white;border:2px solid white;" id="selector-002" class="ui-button ui-widgetui-state-default ui-corner-all ui-button-text-only" value="Request Access" role="button">
181 <span class="ui-button-text">
188 <!--The contentpane is the main area for dispaying data-->
190 <div id="contentPane" style="margin:5px;width:1000px;float:left;">
191 <h3 style="text-align:center;">OVERVIEW</h3>
192 <p style="margin:5px;">Content will go here.</p>
193 <div id="dynamic"></div>