Previous 199869 Revisions Next

r25459 Sunday 29th September, 2013 at 16:30:29 UTC by R. Belmont
web: modernized JS usage, fixed several bugs [Firehawke]
[web]index.html

trunk/web/index.html
r25458r25459
1919
2020  var writeConnectionStatus = function(message) {
2121   // Update the statusbar on each subpage at the same time.
22    document.getElementById('main_statusbar_connectionstatus').innerHTML = message;
23   document.getElementById('command_statusbar_connectionstatus').innerHTML = message;
24   document.getElementById('option_statusbar_connectionstatus').innerHTML = message;
25   document.getElementById('slider_statusbar_connectionstatus').innerHTML = message;
26   document.getElementById('driver_statusbar_connectionstatus').innerHTML = message;
27   document.getElementById('image_statusbar_connectionstatus').innerHTML = message;
28   document.getElementById('info_statusbar_connectionstatus').innerHTML = message;
29   document.getElementById('logs_statusbar_connectionstatus').innerHTML = message;
22   $("td#main_statusbar_connectionstatus").html(message);
23   $("td#command_statusbar_connectionstatus").html(message);
24   $("td#option_statusbar_connectionstatus").html(message);
25   $("td#slider_statusbar_connectionstatus").html(message);
26   $("td#driver_statusbar_connectionstatus").html(message);
27   $("td#image_statusbar_connectionstatus").html(message);
28   $("td#info_statusbar_connectionstatus").html(message);
29   $("td#logs_statusbar_connectionstatus").html(message);
3030  };
3131 
3232  function takeScreenshot()
3333  {
3434    // First, we need to generate a random number to make absolutely sure we bypass browser caching.
3535   var random=Math.floor(Math.random()*999999999)
36   document.getElementById('screenshot').innerHTML = '<img height="240" width="320" src="/screenshot.png?cachebreaker='+random.toString()+'"/>';
36   $("#screenshot").html('<img height="240" width="320" src="/screenshot.png?cachebreaker='+random.toString()+'"/>');
37   // Navigate back to home so we can see the screenshot.
38   window.location.hash='#mainmenu';
3739  }
3840 
3941  function executeCommands(command)
r25458r25459
148150         maindesc_parent.push(data.parent);
149151         maindesc_sourcefile.push(data.source_file);
150152         
151         document.getElementById('main_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
152         document.getElementById('main_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
153         document.getElementById('command_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
154         document.getElementById('command_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
155         document.getElementById('option_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
156         document.getElementById('option_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
157         document.getElementById('slider_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
158         document.getElementById('slider_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
159         document.getElementById('driver_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
160         document.getElementById('driver_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
161         document.getElementById('image_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
162         document.getElementById('image_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
163         document.getElementById('info_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
164         document.getElementById('info_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
165         document.getElementById('logs_statusbar_runningdriver').innerHTML = statusbar_runningdriver.join('');
166         document.getElementById('logs_statusbar_ispaused').innerHTML = statusbar_ispaused.join('');
167         document.getElementById('maindesc_name').innerHTML = maindesc_name.join('');
168         document.getElementById('maindesc_description').innerHTML = maindesc_description.join('');
169         document.getElementById('maindesc_year').innerHTML = maindesc_year.join('');
170         document.getElementById('maindesc_manufacturer').innerHTML = maindesc_manufacturer.join('');
171         document.getElementById('maindesc_parent').innerHTML = maindesc_parent.join('');
172         document.getElementById('maindesc_sourcefile').innerHTML = maindesc_sourcefile.join('');
153         $("td#main_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
154         $("td#main_statusbar_ispaused").html(statusbar_ispaused.join(''));
155         $("td#command_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
156         $("td#command_statusbar_ispaused").html(statusbar_ispaused.join(''));
157         $("td#option_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
158         $("td#option_statusbar_ispaused").html(statusbar_ispaused.join(''));
159         $("td#slider_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
160         $("td#slider_statusbar_ispaused").html(statusbar_ispaused.join(''));
161         $("td#driver_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
162         $("td#driver_statusbar_ispaused").html(statusbar_ispaused.join(''));
163         $("td#image_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
164         $("td#image_statusbar_ispaused").html(statusbar_ispaused.join(''));
165         $("td#info_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
166         $("td#info_statusbar_ispaused").html(statusbar_ispaused.join(''));
167         $("td#logs_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
168         $("td#logs_statusbar_ispaused").html(statusbar_ispaused.join(''));
169         $("#maindesc_name").html(maindesc_name.join(''));
170         $("#maindesc_description").html(maindesc_description.join(''));
171         $("#maindesc_year").html(maindesc_year.join(''));
172         $("#maindesc_manufacturer").html(maindesc_manufacturer.join(''));
173         $("#maindesc_parent").html(maindesc_parent.join(''));
174         $("#maindesc_sourcefile").html(maindesc_sourcefile.join(''));
173175        },
174176        error: function (request, status, error) { alert(status + ", " + error); }
175177      });   
r25458r25459
264266      <h3>
265267         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
266268            <tr>
267               <td style="padding: 0px;"<div id="main_statusbar_connectionstatus"></div></td>
268               <td style="padding: 0px;"<div id="main_statusbar_ispaused"></div></td>
269               <td style="width: 80%; padding: 0px;"<div id="main_statusbar_runningdriver"></div></td>
269               <td style="width: 10%; padding: 0px;" id="main_statusbar_connectionstatus"></div></td>
270               <td style="width: 10%; padding: 0px;" id="main_statusbar_ispaused"></div></td>
271               <td style="width: 80%; padding: 0px;" id="main_statusbar_runningdriver"></div></td>
270272            </tr>
271273         </table>
272274      </h3>
r25458r25459
467469      <h3>
468470         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
469471            <tr>
470               <td style="padding: 0px;"<div id="command_statusbar_connectionstatus"></div></td>
471               <td style="padding: 0px;"<div id="command_statusbar_ispaused"></div></td>
472               <td style="width: 80%; padding: 0px;"<div id="command_statusbar_runningdriver"></div></td>
472               <td style="width: 10%; padding: 0px;" id="command_statusbar_connectionstatus"></div></td>
473               <td style="width: 10%; padding: 0px;" id="command_statusbar_ispaused"></div></td>
474               <td style="width: 80%; padding: 0px;" id="command_statusbar_runningdriver"></div></td>
473475            </tr>
474476         </table>
475477      </h3>
r25458r25459
522524      <h3>
523525         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
524526            <tr>
525               <td style="padding: 0px;"<div id="option_statusbar_connectionstatus"></div></td>
526               <td style="padding: 0px;"<div id="option_statusbar_ispaused"></div></td>
527               <td style="width: 80%; padding: 0px;"<div id="option_statusbar_runningdriver"></div></td>
527               <td style="width: 10%; padding: 0px;" id="option_statusbar_connectionstatus"></div></td>
528               <td style="width: 10%; padding: 0px;" id="option_statusbar_ispaused"></div></td>
529               <td style="width: 80%; padding: 0px;" id="option_statusbar_runningdriver"></div></td>
528530            </tr>
529531         </table>
530532      </h3>
r25458r25459
578580      <h3>
579581         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
580582            <tr>
581               <td style="padding:0px;"><div id="slider_statusbar_connectionstatus"></div></td>
582               <td style="padding:0px;"><div id="slider_statusbar_ispaused"></div></td>
583               <td style="width: 80%; padding:0px;"><div id="slider_statusbar_runningdriver"></div></td>
583               <td style="width: 10%; padding: 0px;" id="slider_statusbar_connectionstatus"></div></td>
584               <td style="width: 10%; padding: 0px;" id="slider_statusbar_ispaused"></div></td>
585               <td style="width: 80%; padding: 0px;" id="slider_statusbar_runningdriver"></div></td>
584586            </tr>
585587         </table>
586588      </h3>
r25458r25459
633635      <h3>
634636         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
635637            <tr>
636               <td style="padding: 0px;"<div id="driver_statusbar_connectionstatus"></div></td>
637               <td style="padding: 0px;"<div id="driver_statusbar_ispaused"></div></td>
638               <td style="width: 80%; padding: 0px;"<div id="driver_statusbar_runningdriver"></div></td>
638               <td style="width: 10%; padding: 0px;" id="driver_statusbar_connectionstatus"></div></td>
639               <td style="width: 10%; padding: 0px;" id="driver_statusbar_ispaused"></div></td>
640               <td style="width: 80%; padding: 0px;" id="driver_statusbar_runningdriver"></div></td>
639641            </tr>
640642         </table>
641643      </h3>
r25458r25459
688690      <h3>
689691         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
690692            <tr>
691               <td style="padding: 0px;"<div id="image_statusbar_connectionstatus"></div></td>
692               <td style="padding: 0px;"<div id="image_statusbar_ispaused"></div></td>
693               <td style="width: 80%; padding: 0px;"<div id="image_statusbar_runningdriver"></div></td>
693               <td style="width: 10%; padding: 0px;" id="image_statusbar_connectionstatus"></div></td>
694               <td style="width: 10%; padding: 0px;" id="image_statusbar_ispaused"></div></td>
695               <td style="width: 80%; padding: 0px;" id="image_statusbar_runningdriver"></div></td>
694696            </tr>
695697         </table>
696698      </h3>
r25458r25459
743745      <h3>
744746         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
745747            <tr>
746               <td style="padding: 0px;"<div id="info_statusbar_connectionstatus"></div></td>
747               <td style="padding: 0px;"<div id="info_statusbar_ispaused"></div></td>
748               <td style="width: 80%; padding: 0px;"<div id="info_statusbar_runningdriver"></div></td>
748               <td style="width: 10%; padding: 0px;" id="info_statusbar_connectionstatus"></div></td>
749               <td style="width: 10%; padding: 0px;" id="info_statusbar_ispaused"></div></td>
750               <td style="width: 80%; padding: 0px;" id="info_statusbar_runningdriver"></div></td>
749751            </tr>
750752         </table>
751753      </h3>
r25458r25459
798800      <h3>
799801         <table style="tablelayout: fixed; width: 100%; height: 10px; border-collapse:collapse;" border="0">
800802            <tr>
801               <td style="padding: 0px;"<div id="logs_statusbar_connectionstatus"></div></td>
802               <td style="padding: 0px;"<div id="logs_statusbar_ispaused"></div></td>
803               <td style="width: 80%; padding: 0px;"<div id="logs_statusbar_runningdriver"></div></td>
803               <td style="width: 10%; padding: 0px;" id="logs_statusbar_connectionstatus"></div></td>
804               <td style="width: 10%; padding: 0px;" id="logs_statusbar_ispaused"></div></td>
805               <td style="width: 80%; padding: 0px;" id="logs_statusbar_runningdriver"></div></td>
804806            </tr>
805807         </table>
806808      </h3>

Previous 199869 Revisions Next

© 1997-2024 The MAME Team