Previous 199869 Revisions Next

r32458 Monday 29th September, 2014 at 03:31:14 UTC by R. Belmont
WebUI: clean up and fixed HTML compliance. [Firehawke]
[web]commands.html confirmexit.html confirmhardreset.html confirmsoftreset.html index.html

trunk/web/confirmhardreset.html
r32457r32458
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3<head>
4   <meta charset="utf-8">
5   <meta http-equiv="pragma" content="no-cache">
6   <meta http-equiv="expires" content="-1"> 
7   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
8   <meta name="apple-mobile-web-app-capable" content="yes">
9   <meta name="apple-mobile-web-app-status-bar-style" content="black">
10   <title>MAME</title>
11   <link rel="shortcut icon" href="favicon.ico"> 
12   <link rel="stylesheet" href="css/jquery.mobile.css">   
13   <!-- jQuery and jQuery Mobile -->
14   <script src="js/jquery.js"></script>
15   <script src="js/jquery.mobile.js"></script>   
16</head>
17<body>
18  <div data-role="page" data-close-btn="none" id="confirmhardreset">
19    <div data-role="header">
20      <h1>Confirm: Hard Reset?</h1>
21    </div>
22    <a href="javascript:executeHardReset();" data-theme="a" data-role="button">Yes</a>
23    <a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
24  </div>
25</body>
No newline at end of file
trunk/web/commands.html
r32457r32458
1<a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a>
2<a href="confirmsoftreset.html" data-rel="dialog" data-role="button">Soft reset</a>
3<a href="confirmhardreset.html" data-rel="dialog" data-role="button">Hard reset</a>
4<a href="#savestatepanel" data-transition="fade" data-role="button">Save State</a>
5<a href="#loadstatepanel" data-transition="fade" data-role="button">Load State</a>
6<a href="confirmexit.html" data-rel="dialog" data-role="button">Exit</a>
7
8<div data-role="panel" id="savestatepanel" data-position="left" data-display="overlay" data-theme="a">
9  <h3>Select position to save to</h3>
10
11<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
12  <div data-role="controlgroup" data-type="horizontal">
13    <a href="" data-rel="close" data-role="button">Cancel</a>
14    <a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Autosave Slot</a>
15  </div>
16  <div data-role="controlgroup" data-type="horizontal">
17    <a href="javascript:executeCommands('savestate&val=0');" data-role="button">0</a>
18    <a href="javascript:executeCommands('savestate&val=1');" data-role="button">1</a>
19    <a href="javascript:executeCommands('savestate&val=2');" data-role="button">2</a>
20    <a href="javascript:executeCommands('savestate&val=3');" data-role="button">3</a>
21  </div>
22  <div data-role="controlgroup" data-type="horizontal">
23    <a href="javascript:executeCommands('savestate&val=4');" data-role="button">4</a>   
24   <a href="javascript:executeCommands('savestate&val=5');" data-role="button">5</a>
25    <a href="javascript:executeCommands('savestate&val=6');" data-role="button">6</a>
26    <a href="javascript:executeCommands('savestate&val=7');" data-role="button">7</a>
27  </div>
28  <div data-role="controlgroup" data-type="horizontal">
29    <a href="javascript:executeCommands('savestate&val=8');" data-role="button">8</a>
30    <a href="javascript:executeCommands('savestate&val=9');" data-role="button">9</a>
31    <a href="javascript:executeCommands('savestate&val=a');" data-role="button">A</a>
32    <a href="javascript:executeCommands('savestate&val=b');" data-role="button">B</a>
33  </div>
34  <div data-role="controlgroup" data-type="horizontal">
35    <a href="javascript:executeCommands('savestate&val=c');" data-role="button">C</a>
36    <a href="javascript:executeCommands('savestate&val=d');" data-role="button">D</a>
37    <a href="javascript:executeCommands('savestate&val=e');" data-role="button">E</a>
38    <a href="javascript:executeCommands('savestate&val=f');" data-role="button">F</a>
39  </div>
40  <div data-role="controlgroup" data-type="horizontal">
41    <a href="javascript:executeCommands('savestate&val=g');" data-role="button">G</a>
42    <a href="javascript:executeCommands('savestate&val=h');" data-role="button">H</a>
43    <a href="javascript:executeCommands('savestate&val=i');" data-role="button">I</a>
44    <a href="javascript:executeCommands('savestate&val=j');" data-role="button">J</a>
45  </div>
46  <div data-role="controlgroup" data-type="horizontal">
47    <a href="javascript:executeCommands('savestate&val=k');" data-role="button">K</a>
48    <a href="javascript:executeCommands('savestate&val=l');" data-role="button">L</a>
49    <a href="javascript:executeCommands('savestate&val=m');" data-role="button">M</a>
50    <a href="javascript:executeCommands('savestate&val=n');" data-role="button">N</a>
51  </div>
52  <div data-role="controlgroup" data-type="horizontal">
53    <a href="javascript:executeCommands('savestate&val=o');" data-role="button">O</a>
54    <a href="javascript:executeCommands('savestate&val=p');" data-role="button">P</a>
55    <a href="javascript:executeCommands('savestate&val=q');" data-role="button">Q</a>
56    <a href="javascript:executeCommands('savestate&val=r');" data-role="button">R</a>
57  </div>
58  <div data-role="controlgroup" data-type="horizontal">
59    <a href="javascript:executeCommands('savestate&val=s');" data-role="button">S</a>
60    <a href="javascript:executeCommands('savestate&val=t');" data-role="button">T</a>
61    <a href="javascript:executeCommands('savestate&val=u');" data-role="button">U</a>
62    <a href="javascript:executeCommands('savestate&val=v');" data-role="button">V</a>
63  </div>
64  <div data-role="controlgroup" data-type="horizontal">
65    <a href="javascript:executeCommands('savestate&val=w');" data-role="button">W</a>
66    <a href="javascript:executeCommands('savestate&val=x');" data-role="button">X</a>
67    <a href="javascript:executeCommands('savestate&val=y');" data-role="button">Y</a>
68    <a href="javascript:executeCommands('savestate&val=z');" data-role="button">Z</a>
69  </div>
70  <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
71  <br><br><br><br><br>
72</div>
73
74<div data-role="panel" id="loadstatepanel" data-position="left" data-display="overlay" data-theme="a">
75  <h3>Select position to load from</h3>
76
77<!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
78  <div data-role="controlgroup" data-type="horizontal">
79    <a href="" data-rel="close" data-role="button">Cancel</a>
80    <a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Autoload Slot</a>
81  </div>
82  <div data-role="controlgroup" data-type="horizontal">
83    <a href="javascript:executeCommands('loadstate&val=0');" data-role="button">0</a>
84    <a href="javascript:executeCommands('loadstate&val=1');" data-role="button">1</a>
85    <a href="javascript:executeCommands('loadstate&val=2');" data-role="button">2</a>
86    <a href="javascript:executeCommands('loadstate&val=3');" data-role="button">3</a>
87  </div>
88  <div data-role="controlgroup" data-type="horizontal">
89    <a href="javascript:executeCommands('loadstate&val=4');" data-role="button">4</a>   
90   <a href="javascript:executeCommands('loadstate&val=5');" data-role="button">5</a>
91    <a href="javascript:executeCommands('loadstate&val=6');" data-role="button">6</a>
92    <a href="javascript:executeCommands('loadstate&val=7');" data-role="button">7</a>
93  </div>
94  <div data-role="controlgroup" data-type="horizontal">
95    <a href="javascript:executeCommands('loadstate&val=8');" data-role="button">8</a>
96    <a href="javascript:executeCommands('loadstate&val=9');" data-role="button">9</a>
97    <a href="javascript:executeCommands('loadstate&val=a');" data-role="button">A</a>
98    <a href="javascript:executeCommands('loadstate&val=b');" data-role="button">B</a>
99  </div>
100  <div data-role="controlgroup" data-type="horizontal">
101    <a href="javascript:executeCommands('loadstate&val=c');" data-role="button">C</a>
102    <a href="javascript:executeCommands('loadstate&val=d');" data-role="button">D</a>
103    <a href="javascript:executeCommands('loadstate&val=e');" data-role="button">E</a>
104    <a href="javascript:executeCommands('loadstate&val=f');" data-role="button">F</a>
105  </div>
106  <div data-role="controlgroup" data-type="horizontal">
107    <a href="javascript:executeCommands('loadstate&val=g');" data-role="button">G</a>
108    <a href="javascript:executeCommands('loadstate&val=h');" data-role="button">H</a>
109    <a href="javascript:executeCommands('loadstate&val=i');" data-role="button">I</a>
110    <a href="javascript:executeCommands('loadstate&val=j');" data-role="button">J</a>
111  </div>
112  <div data-role="controlgroup" data-type="horizontal">
113    <a href="javascript:executeCommands('loadstate&val=k');" data-role="button">K</a>
114    <a href="javascript:executeCommands('loadstate&val=l');" data-role="button">L</a>
115    <a href="javascript:executeCommands('loadstate&val=m');" data-role="button">M</a>
116    <a href="javascript:executeCommands('loadstate&val=n');" data-role="button">N</a>
117  </div>
118  <div data-role="controlgroup" data-type="horizontal">
119    <a href="javascript:executeCommands('loadstate&val=o');" data-role="button">O</a>
120    <a href="javascript:executeCommands('loadstate&val=p');" data-role="button">P</a>
121    <a href="javascript:executeCommands('loadstate&val=q');" data-role="button">Q</a>
122    <a href="javascript:executeCommands('loadstate&val=r');" data-role="button">R</a>
123  </div>
124  <div data-role="controlgroup" data-type="horizontal">
125    <a href="javascript:executeCommands('loadstate&val=s');" data-role="button">S</a>
126    <a href="javascript:executeCommands('loadstate&val=t');" data-role="button">T</a>
127    <a href="javascript:executeCommands('loadstate&val=u');" data-role="button">U</a>
128    <a href="javascript:executeCommands('loadstate&val=v');" data-role="button">V</a>
129  </div>
130  <div data-role="controlgroup" data-type="horizontal">
131    <a href="javascript:executeCommands('loadstate&val=w');" data-role="button">W</a>
132    <a href="javascript:executeCommands('loadstate&val=x');" data-role="button">X</a>
133    <a href="javascript:executeCommands('loadstate&val=y');" data-role="button">Y</a>
134    <a href="javascript:executeCommands('loadstate&val=z');" data-role="button">Z</a>
135  </div>
136  <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
137  <br><br><br><br><br>
138</div>
trunk/web/confirmexit.html
r32457r32458
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3<head>
4   <meta charset="utf-8">
5   <meta http-equiv="pragma" content="no-cache">
6   <meta http-equiv="expires" content="-1"> 
7   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
8   <meta name="apple-mobile-web-app-capable" content="yes">
9   <meta name="apple-mobile-web-app-status-bar-style" content="black">
10   <title>MAME</title>
11   <link rel="shortcut icon" href="favicon.ico"> 
12   <link rel="stylesheet" href="css/jquery.mobile.css">   
13</head>
14<body>
15  <div data-role="page" data-close-btn="none" id="confirmhardreset">
16    <div data-role="header">
17       <h1>Confirm: Exit emulator?</h1>
18    </div>
19    <a href="javascript:executeExit();" data-theme="a" data-role="button">Yes</a>
20    <a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
21  </div>
22</body>
23</html>
No newline at end of file
trunk/web/confirmsoftreset.html
r32457r32458
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3<head>
4   <meta charset="utf-8">
5   <meta http-equiv="pragma" content="no-cache">
6   <meta http-equiv="expires" content="-1"> 
7   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
8   <meta name="apple-mobile-web-app-capable" content="yes">
9   <meta name="apple-mobile-web-app-status-bar-style" content="black">
10   <title>MAME</title>
11   <link rel="shortcut icon" href="favicon.ico"> 
12   <link rel="stylesheet" href="css/jquery.mobile.css">   
13</head>
14<body>
15  <div data-role="page" data-close-btn="none" id="confirmhardreset">
16    <div data-role="header">
17      <h1>Confirm: Soft Reset?</h1>
18    </div>
19    <a href="javascript:executeSoftReset();" data-theme="a" data-role="button">Yes</a>
20    <a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
21  </div>
22</body>
23</html>
No newline at end of file
trunk/web/index.html
r32457r32458
217217        {
218218        }               
219219    });
220  event.preventDefault();
220  event.preventDefault(); // This prevents it trying to load a /keypost page after doing the Ajax post.
221221  });
222222});
223223
r32457r32458
247247            </ul>
248248        </div>
249249    </div>
250    <div data-role="content" id ="mainmenucontent">   
250    <div data-role="content" id="mainmenucontent">   
251251      <table style="tablelayout: auto; width: 100%" border="0">
252252            <tr>
253               <td style="padding: 0px; vertical-align:top; width: 1px"><div id="screenshot"><a href="#screenshotpopup" data-rel="popup"><img height="240" width="320" src="/screenshot.png"></a></div></td>
253               <td style="padding: 0px; vertical-align:top; width: 1px"><div id="screenshot"><img height="240" width="320" src="/screenshot.png"></div></td>
254254               <td style="padding: 0px; vertical-align:top">
255255                  <table border="0"><div id="drivertext"></div>
256256                     <tr>
r32457r32458
302302      <h3>
303303         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
304304            <tr>
305               <td style="width: 10%; padding: 0px;" id="main_statusbar_connectionstatus"></div></td>
306               <td style="width: 10%; padding: 0px;" id="main_statusbar_ispaused"></div></td>
307               <td style="width: 80%; padding: 0px;" id="main_statusbar_runningdriver"></div></td>
305               <td style="width: 10%; padding: 0px;" id="main_statusbar_connectionstatus"></td>
306               <td style="width: 10%; padding: 0px;" id="main_statusbar_ispaused"></td>
307               <td style="width: 80%; padding: 0px;" id="main_statusbar_runningdriver"></td>
308308            </tr>
309309         </table>
310310      </h3>
r32457r32458
335335            </ul>
336336        </div>
337337    </div>
338    <div data-role="content" id ="menu_commandmenu">   
339      <h2>Reset Control</h2>
340      <div class="ui-grid-a">
341         <div class="ui-block-a"><a href="confirmsoftreset.html" data-rel="dialog" data-role="button">Soft reset</a></div>
342         <div class="ui-block-b"><a href="confirmhardreset.html" data-rel="dialog" data-role="button">Hard reset</a></div>
343      </div>
338    <div data-role="content" id="menu_commandmenu">
344339      <h2>Savestate Control</h2>
345340      <div class="ui-grid-a">
346341         <div class="ui-block-a"><a href="#savestatepanel" data-transition="fade" data-role="button">Save State</a></div>
r32457r32458
352347         <div class="ui-block-b"><a href="#uploadpastepanel" data-transition="fade" data-role="button">Upload Text</a></div>
353348      </div>
354349      <h2>Execution Control</h2>
355      <a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a>
356      <a href="confirmexit.html" data-rel="dialog" data-role="button">Exit</a>
357
358      <!-- This begins the Save State panel -------------------------------------------------------->
359      <div data-role="panel" id="savestatepanel" data-position="left" data-display="overlay" data-theme="a">
360         <h3>Select position to save to</h3>
361
362         <!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
363         <div data-role="controlgroup" data-type="horizontal">
364            <a href="" data-rel="close" data-role="button">Cancel</a>
365            <a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Autosave Slot</a>
366         </div>
367         <div data-role="controlgroup" data-type="horizontal">
368            <a href="javascript:executeCommands('savestate&val=0');" data-role="button">0</a>
369            <a href="javascript:executeCommands('savestate&val=1');" data-role="button">1</a>
370            <a href="javascript:executeCommands('savestate&val=2');" data-role="button">2</a>
371            <a href="javascript:executeCommands('savestate&val=3');" data-role="button">3</a>
372         </div>
373         <div data-role="controlgroup" data-type="horizontal">
374            <a href="javascript:executeCommands('savestate&val=4');" data-role="button">4</a>   
375            <a href="javascript:executeCommands('savestate&val=5');" data-role="button">5</a>
376            <a href="javascript:executeCommands('savestate&val=6');" data-role="button">6</a>
377            <a href="javascript:executeCommands('savestate&val=7');" data-role="button">7</a>
378         </div>
379         <div data-role="controlgroup" data-type="horizontal">
380            <a href="javascript:executeCommands('savestate&val=8');" data-role="button">8</a>
381            <a href="javascript:executeCommands('savestate&val=9');" data-role="button">9</a>
382            <a href="javascript:executeCommands('savestate&val=a');" data-role="button">A</a>
383            <a href="javascript:executeCommands('savestate&val=b');" data-role="button">B</a>
384         </div>
385         <div data-role="controlgroup" data-type="horizontal">
386            <a href="javascript:executeCommands('savestate&val=c');" data-role="button">C</a>
387            <a href="javascript:executeCommands('savestate&val=d');" data-role="button">D</a>
388            <a href="javascript:executeCommands('savestate&val=e');" data-role="button">E</a>
389            <a href="javascript:executeCommands('savestate&val=f');" data-role="button">F</a>
390         </div>
391         <div data-role="controlgroup" data-type="horizontal">
392            <a href="javascript:executeCommands('savestate&val=g');" data-role="button">G</a>
393            <a href="javascript:executeCommands('savestate&val=h');" data-role="button">H</a>
394            <a href="javascript:executeCommands('savestate&val=i');" data-role="button">I</a>
395            <a href="javascript:executeCommands('savestate&val=j');" data-role="button">J</a>
396         </div>
397         <div data-role="controlgroup" data-type="horizontal">
398            <a href="javascript:executeCommands('savestate&val=k');" data-role="button">K</a>
399            <a href="javascript:executeCommands('savestate&val=l');" data-role="button">L</a>
400            <a href="javascript:executeCommands('savestate&val=m');" data-role="button">M</a>
401            <a href="javascript:executeCommands('savestate&val=n');" data-role="button">N</a>
402         </div>
403         <div data-role="controlgroup" data-type="horizontal">
404            <a href="javascript:executeCommands('savestate&val=o');" data-role="button">O</a>
405            <a href="javascript:executeCommands('savestate&val=p');" data-role="button">P</a>
406            <a href="javascript:executeCommands('savestate&val=q');" data-role="button">Q</a>
407            <a href="javascript:executeCommands('savestate&val=r');" data-role="button">R</a>
408         </div>
409         <div data-role="controlgroup" data-type="horizontal">
410            <a href="javascript:executeCommands('savestate&val=s');" data-role="button">S</a>
411            <a href="javascript:executeCommands('savestate&val=t');" data-role="button">T</a>
412            <a href="javascript:executeCommands('savestate&val=u');" data-role="button">U</a>
413            <a href="javascript:executeCommands('savestate&val=v');" data-role="button">V</a>
414         </div>
415         <div data-role="controlgroup" data-type="horizontal">
416            <a href="javascript:executeCommands('savestate&val=w');" data-role="button">W</a>
417            <a href="javascript:executeCommands('savestate&val=x');" data-role="button">X</a>
418            <a href="javascript:executeCommands('savestate&val=y');" data-role="button">Y</a>
419            <a href="javascript:executeCommands('savestate&val=z');" data-role="button">Z</a>
420         </div>
421         <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
422         <br><br><br><br><br>
350      <div class="ui-grid-a">
351         <div class="ui-block-a"><a href="#dialogConfirmSoftReset" data-rel="dialog" data-role="button">Soft reset</a></div>
352         <div class="ui-block-b"><a href="#dialogConfirmHardReset" data-rel="dialog" data-role="button">Hard reset</a></div>
423353      </div>
424
425      <!-- This begins the Load State panel -------------------------------------------------------->
426      <div data-role="panel" id="loadstatepanel" data-position="left" data-display="overlay" data-theme="a">
427         <h3>Select position to load from</h3>
428
429         <!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
430         <div data-role="controlgroup" data-type="horizontal">
431            <a href="" data-rel="close" data-role="button">Cancel</a>
432            <a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Autoload Slot</a>
433         </div>
434         <div data-role="controlgroup" data-type="horizontal">
435            <a href="javascript:executeCommands('loadstate&val=0');" data-role="button">0</a>
436            <a href="javascript:executeCommands('loadstate&val=1');" data-role="button">1</a>
437            <a href="javascript:executeCommands('loadstate&val=2');" data-role="button">2</a>
438            <a href="javascript:executeCommands('loadstate&val=3');" data-role="button">3</a>
439         </div>
440         <div data-role="controlgroup" data-type="horizontal">
441            <a href="javascript:executeCommands('loadstate&val=4');" data-role="button">4</a>   
442            <a href="javascript:executeCommands('loadstate&val=5');" data-role="button">5</a>
443            <a href="javascript:executeCommands('loadstate&val=6');" data-role="button">6</a>
444            <a href="javascript:executeCommands('loadstate&val=7');" data-role="button">7</a>
445         </div>
446         <div data-role="controlgroup" data-type="horizontal">
447            <a href="javascript:executeCommands('loadstate&val=8');" data-role="button">8</a>
448            <a href="javascript:executeCommands('loadstate&val=9');" data-role="button">9</a>
449            <a href="javascript:executeCommands('loadstate&val=a');" data-role="button">A</a>
450            <a href="javascript:executeCommands('loadstate&val=b');" data-role="button">B</a>
451         </div>
452         <div data-role="controlgroup" data-type="horizontal">
453            <a href="javascript:executeCommands('loadstate&val=c');" data-role="button">C</a>
454            <a href="javascript:executeCommands('loadstate&val=d');" data-role="button">D</a>
455            <a href="javascript:executeCommands('loadstate&val=e');" data-role="button">E</a>
456            <a href="javascript:executeCommands('loadstate&val=f');" data-role="button">F</a>
457         </div>
458         <div data-role="controlgroup" data-type="horizontal">
459            <a href="javascript:executeCommands('loadstate&val=g');" data-role="button">G</a>
460            <a href="javascript:executeCommands('loadstate&val=h');" data-role="button">H</a>
461            <a href="javascript:executeCommands('loadstate&val=i');" data-role="button">I</a>
462            <a href="javascript:executeCommands('loadstate&val=j');" data-role="button">J</a>
463         </div>
464         <div data-role="controlgroup" data-type="horizontal">
465            <a href="javascript:executeCommands('loadstate&val=k');" data-role="button">K</a>
466            <a href="javascript:executeCommands('loadstate&val=l');" data-role="button">L</a>
467            <a href="javascript:executeCommands('loadstate&val=m');" data-role="button">M</a>
468            <a href="javascript:executeCommands('loadstate&val=n');" data-role="button">N</a>
469         </div>
470         <div data-role="controlgroup" data-type="horizontal">
471            <a href="javascript:executeCommands('loadstate&val=o');" data-role="button">O</a>
472            <a href="javascript:executeCommands('loadstate&val=p');" data-role="button">P</a>
473            <a href="javascript:executeCommands('loadstate&val=q');" data-role="button">Q</a>
474            <a href="javascript:executeCommands('loadstate&val=r');" data-role="button">R</a>
475         </div>
476         <div data-role="controlgroup" data-type="horizontal">
477            <a href="javascript:executeCommands('loadstate&val=s');" data-role="button">S</a>
478            <a href="javascript:executeCommands('loadstate&val=t');" data-role="button">T</a>
479            <a href="javascript:executeCommands('loadstate&val=u');" data-role="button">U</a>
480            <a href="javascript:executeCommands('loadstate&val=v');" data-role="button">V</a>
481         </div>
482         <div data-role="controlgroup" data-type="horizontal">
483            <a href="javascript:executeCommands('loadstate&val=w');" data-role="button">W</a>
484            <a href="javascript:executeCommands('loadstate&val=x');" data-role="button">X</a>
485            <a href="javascript:executeCommands('loadstate&val=y');" data-role="button">Y</a>
486            <a href="javascript:executeCommands('loadstate&val=z');" data-role="button">Z</a>
487         </div>
488         <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
489         <br><br><br><br><br>
354      <div class="ui-grid-a">
355         <div class="ui-block-b"><a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a></div>
356         <div class="ui-block-b"><a href="#dialogConfirmExit" data-rel="dialog" data-role="button">Exit</a></div>
490357      </div>
491
492      <!-- This begins the Paste Text panel -------------------------------------------------------->
493      <div data-role="panel" id="pastepanel" data-position="left" data-display="overlay" data-theme="a">
494         <h4>Paste Text to Keyboard</h4>
495
496         <form id="pasteTextForm" action="#pastepanel" method="post">
497            <div data-role="controlgroup" data-type="horizontal">
498               <a href="" data-rel="close" data-role="button">Exit</a>
499               <input type="submit" value="Send">
500               <input type="reset" value="Clear">
501            </div>
502            <br>
503            <textarea id="pasteText" name="val"></textarea>
504         </form>
505         <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
506         <br><br><br><br><br>
507      </div>
508
509      <!-- This begins the Upload Text panel -------------------------------------------------------->
510      <div data-role="panel" id="uploadpastepanel" data-position="left" data-display="overlay" data-theme="a">
511         <h4>Upload Text to Keyboard</h4>
512
513         <form method="post" action="/keyupload" enctype="multipart/form-data" target="uploadpastelog" data-ajax="false">
514            <!-- note that we can't do file uploads via Ajax -->
515            <div data-role="controlgroup" data-type="horizontal">
516               <a href="" data-rel="close" data-role="button">Exit</a>
517               <input type="submit" value="Upload" />
518            </div>
519            <input type="file" name="file" /> <br/>
520         </form>
521         <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
522         <br><br><br><br><br>
523      </div>
524358    </div>
525359    <div data-theme="a" data-role="footer" data-position="fixed">
526      <div data-role="navbar" data-iconpos="top">
360      <div data-role="navbar" data-iconpos="top">
527361         <ul>
528362            <li>
529363               <a href="#infomenu" data-transition="fade" data-icon="info">Info</a>
r32457r32458
542376      <h3>
543377         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
544378            <tr>
545               <td style="width: 10%; padding: 0px;" id="command_statusbar_connectionstatus"></div></td>
546               <td style="width: 10%; padding: 0px;" id="command_statusbar_ispaused"></div></td>
547               <td style="width: 80%; padding: 0px;" id="command_statusbar_runningdriver"></div></td>
379               <td style="width: 10%; padding: 0px;" id="command_statusbar_connectionstatus"></td>
380               <td style="width: 10%; padding: 0px;" id="command_statusbar_ispaused"></td>
381               <td style="width: 80%; padding: 0px;" id="command_statusbar_runningdriver"></td>
548382            </tr>
549383         </table>
550384      </h3>
551385    </div>
386
387   <!-- This begins the Save State panel -------------------------------------------------------->
388   <div data-role="panel" id="savestatepanel" data-position="left" data-display="overlay" data-theme="a">
389      <h3>Select position to save to</h3><br>
390
391      <!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
392      <div data-role="controlgroup" data-type="horizontal">
393         <a href="" data-rel="close" data-role="button">Cancel</a>
394         <a href="javascript:executeCommands('savestate&val=auto');" data-role="button">Auto Slot</a>
395      </div>
396      <div data-role="controlgroup" data-type="horizontal">
397         <a href="javascript:executeCommands('savestate&val=0');" data-role="button">0</a>
398         <a href="javascript:executeCommands('savestate&val=1');" data-role="button">1</a>
399         <a href="javascript:executeCommands('savestate&val=2');" data-role="button">2</a>
400         <a href="javascript:executeCommands('savestate&val=3');" data-role="button">3</a>
401      </div>
402      <div data-role="controlgroup" data-type="horizontal">
403         <a href="javascript:executeCommands('savestate&val=4');" data-role="button">4</a>   
404         <a href="javascript:executeCommands('savestate&val=5');" data-role="button">5</a>
405         <a href="javascript:executeCommands('savestate&val=6');" data-role="button">6</a>
406         <a href="javascript:executeCommands('savestate&val=7');" data-role="button">7</a>
407      </div>
408      <div data-role="controlgroup" data-type="horizontal">
409         <a href="javascript:executeCommands('savestate&val=8');" data-role="button">8</a>
410         <a href="javascript:executeCommands('savestate&val=9');" data-role="button">9</a>
411         <a href="javascript:executeCommands('savestate&val=a');" data-role="button">A</a>
412         <a href="javascript:executeCommands('savestate&val=b');" data-role="button">B</a>
413      </div>
414      <div data-role="controlgroup" data-type="horizontal">
415         <a href="javascript:executeCommands('savestate&val=c');" data-role="button">C</a>
416         <a href="javascript:executeCommands('savestate&val=d');" data-role="button">D</a>
417         <a href="javascript:executeCommands('savestate&val=e');" data-role="button">E</a>
418         <a href="javascript:executeCommands('savestate&val=f');" data-role="button">F</a>
419      </div>
420      <div data-role="controlgroup" data-type="horizontal">
421         <a href="javascript:executeCommands('savestate&val=g');" data-role="button">G</a>
422         <a href="javascript:executeCommands('savestate&val=h');" data-role="button">H</a>
423         <a href="javascript:executeCommands('savestate&val=i');" data-role="button">I</a>
424         <a href="javascript:executeCommands('savestate&val=j');" data-role="button">J</a>
425      </div>
426      <div data-role="controlgroup" data-type="horizontal">
427         <a href="javascript:executeCommands('savestate&val=k');" data-role="button">K</a>
428         <a href="javascript:executeCommands('savestate&val=l');" data-role="button">L</a>
429         <a href="javascript:executeCommands('savestate&val=m');" data-role="button">M</a>
430         <a href="javascript:executeCommands('savestate&val=n');" data-role="button">N</a>
431      </div>
432      <div data-role="controlgroup" data-type="horizontal">
433         <a href="javascript:executeCommands('savestate&val=o');" data-role="button">O</a>
434         <a href="javascript:executeCommands('savestate&val=p');" data-role="button">P</a>
435         <a href="javascript:executeCommands('savestate&val=q');" data-role="button">Q</a>
436         <a href="javascript:executeCommands('savestate&val=r');" data-role="button">R</a>
437      </div>
438      <div data-role="controlgroup" data-type="horizontal">
439         <a href="javascript:executeCommands('savestate&val=s');" data-role="button">S</a>
440         <a href="javascript:executeCommands('savestate&val=t');" data-role="button">T</a>
441         <a href="javascript:executeCommands('savestate&val=u');" data-role="button">U</a>
442         <a href="javascript:executeCommands('savestate&val=v');" data-role="button">V</a>
443      </div>
444      <div data-role="controlgroup" data-type="horizontal">
445         <a href="javascript:executeCommands('savestate&val=w');" data-role="button">W</a>
446         <a href="javascript:executeCommands('savestate&val=x');" data-role="button">X</a>
447         <a href="javascript:executeCommands('savestate&val=y');" data-role="button">Y</a>
448         <a href="javascript:executeCommands('savestate&val=z');" data-role="button">Z</a>
449      </div>
450      <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
451      <br><br><br><br><br>
452   </div>
453
454   <!-- This begins the Load State panel -------------------------------------------------------->
455   <div data-role="panel" id="loadstatepanel" data-position="left" data-display="overlay" data-theme="a">
456      <h3>Select position to load from</h3><br>
457   
458      <!-- Yes, it's a little ugly. I could redo this more cleanly with a little javascript, but not right now. -->
459      <div data-role="controlgroup" data-type="horizontal">
460         <a href="" data-rel="close" data-role="button">Cancel</a>
461         <a href="javascript:executeCommands('loadstate&val=auto');" data-role="button">Auto Slot</a>
462      </div>
463      <div data-role="controlgroup" data-type="horizontal">
464         <a href="javascript:executeCommands('loadstate&val=0');" data-role="button">0</a>
465         <a href="javascript:executeCommands('loadstate&val=1');" data-role="button">1</a>
466         <a href="javascript:executeCommands('loadstate&val=2');" data-role="button">2</a>
467         <a href="javascript:executeCommands('loadstate&val=3');" data-role="button">3</a>
468      </div>
469      <div data-role="controlgroup" data-type="horizontal">
470         <a href="javascript:executeCommands('loadstate&val=4');" data-role="button">4</a>   
471         <a href="javascript:executeCommands('loadstate&val=5');" data-role="button">5</a>
472         <a href="javascript:executeCommands('loadstate&val=6');" data-role="button">6</a>
473         <a href="javascript:executeCommands('loadstate&val=7');" data-role="button">7</a>
474      </div>
475      <div data-role="controlgroup" data-type="horizontal">
476         <a href="javascript:executeCommands('loadstate&val=8');" data-role="button">8</a>
477         <a href="javascript:executeCommands('loadstate&val=9');" data-role="button">9</a>
478         <a href="javascript:executeCommands('loadstate&val=a');" data-role="button">A</a>
479         <a href="javascript:executeCommands('loadstate&val=b');" data-role="button">B</a>
480      </div>
481      <div data-role="controlgroup" data-type="horizontal">
482         <a href="javascript:executeCommands('loadstate&val=c');" data-role="button">C</a>
483         <a href="javascript:executeCommands('loadstate&val=d');" data-role="button">D</a>
484         <a href="javascript:executeCommands('loadstate&val=e');" data-role="button">E</a>
485         <a href="javascript:executeCommands('loadstate&val=f');" data-role="button">F</a>
486      </div>
487      <div data-role="controlgroup" data-type="horizontal">
488         <a href="javascript:executeCommands('loadstate&val=g');" data-role="button">G</a>
489         <a href="javascript:executeCommands('loadstate&val=h');" data-role="button">H</a>
490         <a href="javascript:executeCommands('loadstate&val=i');" data-role="button">I</a>
491         <a href="javascript:executeCommands('loadstate&val=j');" data-role="button">J</a>
492      </div>
493      <div data-role="controlgroup" data-type="horizontal">
494         <a href="javascript:executeCommands('loadstate&val=k');" data-role="button">K</a>
495         <a href="javascript:executeCommands('loadstate&val=l');" data-role="button">L</a>
496         <a href="javascript:executeCommands('loadstate&val=m');" data-role="button">M</a>
497         <a href="javascript:executeCommands('loadstate&val=n');" data-role="button">N</a>
498      </div>
499      <div data-role="controlgroup" data-type="horizontal">
500         <a href="javascript:executeCommands('loadstate&val=o');" data-role="button">O</a>
501         <a href="javascript:executeCommands('loadstate&val=p');" data-role="button">P</a>
502         <a href="javascript:executeCommands('loadstate&val=q');" data-role="button">Q</a>
503         <a href="javascript:executeCommands('loadstate&val=r');" data-role="button">R</a>
504      </div>
505      <div data-role="controlgroup" data-type="horizontal">
506         <a href="javascript:executeCommands('loadstate&val=s');" data-role="button">S</a>
507         <a href="javascript:executeCommands('loadstate&val=t');" data-role="button">T</a>
508         <a href="javascript:executeCommands('loadstate&val=u');" data-role="button">U</a>
509         <a href="javascript:executeCommands('loadstate&val=v');" data-role="button">V</a>
510      </div>
511      <div data-role="controlgroup" data-type="horizontal">
512         <a href="javascript:executeCommands('loadstate&val=w');" data-role="button">W</a>
513         <a href="javascript:executeCommands('loadstate&val=x');" data-role="button">X</a>
514         <a href="javascript:executeCommands('loadstate&val=y');" data-role="button">Y</a>
515         <a href="javascript:executeCommands('loadstate&val=z');" data-role="button">Z</a>
516      </div>
517      <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
518      <br><br><br><br><br>
519   </div>
520
521   <!-- This begins the Paste Text panel -------------------------------------------------------->
522   <div data-role="panel" id="pastepanel" data-position="left" data-display="overlay" data-theme="a">
523      <h4>Paste Text to Keyboard</h4>
524
525      <form id="pasteTextForm" action="#pastepanel" method="post">
526         <div data-role="controlgroup" data-type="horizontal">
527            <a href="" data-rel="close" data-role="button">Exit</a>
528            <input type="submit" value="Send">
529            <input type="reset" value="Clear">
530         </div>
531         <br>
532         <textarea id="pasteText" name="val"></textarea>
533      </form>
534      <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
535      <br><br><br><br><br>
536   </div>
537
538   <!-- This begins the Upload Text panel -------------------------------------------------------->
539   <div data-role="panel" id="uploadpastepanel" data-position="left" data-display="overlay" data-theme="a">
540      <h4>Upload Text to Keyboard</h4>
541
542      <form method="post" action="/keyupload" enctype="multipart/form-data" target="uploadpastelog" data-ajax="false">
543         <!-- note that we can't do file uploads via Ajax -->
544         <div data-role="controlgroup" data-type="horizontal">
545            <a href="" data-rel="close" data-role="button">Exit</a>
546            <input type="submit" value="Upload" />
547         </div>
548         <input type="file" name="file" /> <br/>
549      </form>
550      <!-- This is here to prevent webkit from trying to put the last row of states under the bottom menu on small screens like phone-->
551      <br><br><br><br><br>
552   </div>
552553</div>
553554
554555<!-- This begins the SLIDERS page ------------------------------------------------------------------->
r32457r32458
575576            </ul>
576577        </div>
577578    </div>
578    <div data-role="content" id ="sliders">   
579    <div data-role="content" id="sliders">
579580    </div>
580581    <div data-theme="a" data-role="footer" data-position="fixed">
581582      <div  data-role="navbar" data-iconpos="top">
r32457r32458
597598      <h3>
598599         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
599600            <tr>
600               <td style="width: 10%; padding: 0px;" id="option_statusbar_connectionstatus"></div></td>
601               <td style="width: 10%; padding: 0px;" id="option_statusbar_ispaused"></div></td>
602               <td style="width: 80%; padding: 0px;" id="option_statusbar_runningdriver"></div></td>
601               <td style="width: 10%; padding: 0px;" id="option_statusbar_connectionstatus"></td>
602               <td style="width: 10%; padding: 0px;" id="option_statusbar_ispaused"></td>
603               <td style="width: 80%; padding: 0px;" id="option_statusbar_runningdriver"></td>
603604            </tr>
604605         </table>
605606      </h3>
r32457r32458
630631            </ul>
631632        </div>
632633    </div>
633    <div data-role="content" id ="menu_optionmenu">   
634    <div data-role="content" id="menu_optionmenu">
634635      <a href="javascript:executeSlider();" data-role="button">Sliders</a>
635636    </div>
636637    <div data-theme="a" data-role="footer" data-position="fixed">
r32457r32458
653654      <h3>
654655         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
655656            <tr>
656               <td style="width: 10%; padding: 0px;" id="slider_statusbar_connectionstatus"></div></td>
657               <td style="width: 10%; padding: 0px;" id="slider_statusbar_ispaused"></div></td>
658               <td style="width: 80%; padding: 0px;" id="slider_statusbar_runningdriver"></div></td>
657               <td style="width: 10%; padding: 0px;" id="slider_statusbar_connectionstatus"></td>
658               <td style="width: 10%; padding: 0px;" id="slider_statusbar_ispaused"></td>
659               <td style="width: 80%; padding: 0px;" id="slider_statusbar_runningdriver"></td>
659660            </tr>
660661         </table>
661662      </h3>
r32457r32458
708709      <h3>
709710         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
710711            <tr>
711               <td style="width: 10%; padding: 0px;" id="driver_statusbar_connectionstatus"></div></td>
712               <td style="width: 10%; padding: 0px;" id="driver_statusbar_ispaused"></div></td>
713               <td style="width: 80%; padding: 0px;" id="driver_statusbar_runningdriver"></div></td>
712               <td style="width: 10%; padding: 0px;" id="driver_statusbar_connectionstatus"></td>
713               <td style="width: 10%; padding: 0px;" id="driver_statusbar_ispaused"></td>
714               <td style="width: 80%; padding: 0px;" id="driver_statusbar_runningdriver"></td>
714715            </tr>
715716         </table>
716717      </h3>
r32457r32458
763764      <h3>
764765         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
765766            <tr>
766               <td style="width: 10%; padding: 0px;" id="image_statusbar_connectionstatus"></div></td>
767               <td style="width: 10%; padding: 0px;" id="image_statusbar_ispaused"></div></td>
768               <td style="width: 80%; padding: 0px;" id="image_statusbar_runningdriver"></div></td>
767               <td style="width: 10%; padding: 0px;" id="image_statusbar_connectionstatus"></td>
768               <td style="width: 10%; padding: 0px;" id="image_statusbar_ispaused"></td>
769               <td style="width: 80%; padding: 0px;" id="image_statusbar_runningdriver"></td>
769770            </tr>
770771         </table>
771772      </h3>
r32457r32458
818819      <h3>
819820         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
820821            <tr>
821               <td style="width: 10%; padding: 0px;" id="info_statusbar_connectionstatus"></div></td>
822               <td style="width: 10%; padding: 0px;" id="info_statusbar_ispaused"></div></td>
823               <td style="width: 80%; padding: 0px;" id="info_statusbar_runningdriver"></div></td>
822               <td style="width: 10%; padding: 0px;" id="info_statusbar_connectionstatus"></td>
823               <td style="width: 10%; padding: 0px;" id="info_statusbar_ispaused"></td>
824               <td style="width: 80%; padding: 0px;" id="info_statusbar_runningdriver"></td>
824825            </tr>
825826         </table>
826827      </h3>
r32457r32458
852853        </div>
853854    </div>
854855    <div data-role="content" id="logsmenucontent">
855      <p>Paste Upload Log</p> <!-- Yeah, this'll need reworking later. -->
856      <p>Paste Upload Log</p> <!-- Yeah, this'll need reworking later. Still considering how this will work in the end. -->
856857      <iframe name="uploadpastelog" width="250" height="250"></iframe>
857858    </div>
858859    <div data-theme="a" data-role="footer" data-position="fixed">
r32457r32458
875876      <h3>
876877         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
877878            <tr>
878               <td style="width: 10%; padding: 0px;" id="logs_statusbar_connectionstatus"></div></td>
879               <td style="width: 10%; padding: 0px;" id="logs_statusbar_ispaused"></div></td>
880               <td style="width: 80%; padding: 0px;" id="logs_statusbar_runningdriver"></div></td>
879               <td style="width: 10%; padding: 0px;" id="logs_statusbar_connectionstatus"></td>
880               <td style="width: 10%; padding: 0px;" id="logs_statusbar_ispaused"></td>
881               <td style="width: 80%; padding: 0px;" id="logs_statusbar_runningdriver"></td>
881882            </tr>
882883         </table>
883884      </h3>
884885   </div>
885886</div>
886887
888<!-- This begins the EXIT dialog ---------------------------------------------------------------------->
889<div data-role="dialog" id="dialogConfirmExit">
890   <div data-role="header">
891      <h1>Confirm: Exit emulator?</h1>
892   </div>
893   <a href="javascript:executeExit();" data-theme="a" data-role="button">Yes</a>
894   <a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
895</div>
896
897<!-- This begins the HARD RESET dialog ---------------------------------------------------------------->
898<div data-role="page" data-close-btn="none" id="dialogConfirmHardReset">
899   <div data-role="header">
900      <h1>Confirm: Hard Reset?</h1>
901   </div>
902   <a href="javascript:executeHardReset();" data-theme="a" data-role="button">Yes</a>
903   <a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
904</div>
905
906<!-- This begins the SOFT RESET dialog ---------------------------------------------------------------->
907<div data-role="page" data-close-btn="none" id="dialogConfirmSoftReset">
908   <div data-role="header">
909      <h1>Confirm: Soft Reset?</h1>
910   </div>
911   <a href="javascript:executeSoftReset();" data-theme="a" data-role="button">Yes</a>
912   <a href="javascript:$('.ui-dialog').dialog('close');" data-role="button">Cancel</a>
913</div>
914
887915</body>
888916</html>
889917

Previous 199869 Revisions Next

© 1997-2024 The MAME Team