<p>Modern computers based on <a href="http://en.wikipedia.org/wiki/Integrated_circuit" title="Integrated circuit">integrated circuits</a> are millions to billions of times more capable than the early machines, and occupy a fraction of the space.<sup id="cite_ref-2" class="reference"><a href="http://en.wikipedia.org/wiki/Computer#cite_note-2"><span>[</span>2<span>]</span></a></sup> Simple computers are small enough to fit into <a href="http://en.wikipedia.org/wiki/Mobile_device" title="Mobile device">mobile devices</a>, and <a href="http://en.wikipedia.org/wiki/Mobile_computing" title="Mobile computing">mobile computers</a> can be powered by small <a href="http://en.wikipedia.org/wiki/Battery_(electricity)" title="Battery (electricity)">batteries</a>. Personal computers in their various forms are <a href="http://en.wikipedia.org/wiki/Icon" title="Icon">icons</a> of the <a href="http://en.wikipedia.org/wiki/Information_Age" title="Information Age">Information Age</a> and are what most people think of as “computers.” However, the <a href="http://en.wikipedia.org/wiki/Embedded_system" title="Embedded system">embedded computers</a> found in many devices from <a href="http://en.wikipedia.org/wiki/Digital_audio_player" title="Digital audio player" class="mw-redirect">MP3 players</a> to <a href="http://en.wikipedia.org/wiki/Fighter_aircraft" title="Fighter aircraft">fighter aircraft</a> and from toys to <a href="http://en.wikipedia.org/wiki/Industrial_robot" title="Industrial robot">industrial robots</a> are the most numerous.</p>\r
</td>\r
<td width="40%" align="top">\r
- <div id="mkwsSearch"></div>\r
- <div id="mkwsRecords"></div>\r
+ <div class="mkwsSearch"></div>\r
+ <div class="mkwsRecords"></div>\r
</td>\r
</tr>\r
</table>\r
</head>
<body>
<h1>Heikkis test for the MOTD</h1>
- <div id="mkwsMOTD">This is the mkwsMOTD div </div>
+ <div class="mkwsMOTD">This is the mkwsMOTD div </div>
<br/>The MOTD should not be visible above this line.
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
</body>
-</html>
\ No newline at end of file
+</html>
</head>
<body>
<h1>Heikki's test</h1>
- <div id="mkwsMOTD">Welcome to Heikki's little test</div>
+ <div class="mkwsMOTD">Welcome to Heikki's little test</div>
<table width="100%" border="0">
<tr>
<td>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div id="mkwsPager"></div>
- <div id="mkwsNavi"></div>
- <div id="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsRanking"></div>
+ <div class="mkwsPager"></div>
+ <div class="mkwsNavi"></div>
+ <div class="mkwsRecords"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsRanking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div id="mkwsTermlists"></div>
+ <div class="mkwsTermlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
</td>
</tr>
</table>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsStat"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsStat"></div>
</body>
</html>
<script type="text/javascript" src="http://mkws-origin/mkws-complete.js"></script>
</head>
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsStat"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsStat"></div>
</body>
</html>
[...]
</pre>
- <div id="testMOTD"><div id="mkwsMOTD">This is the mkwsMOTD div</div></div>
+ <div id="testMOTD"><div class="mkwsMOTD">This is the mkwsMOTD div</div></div>
</body>
</html>
initially on "jsdemo" though now far removed from those beginnnings.
[...]
</pre>
- <div id="testMOTD"><div id="mkwsMOTD">This is the mkwsMOTD div</div></div>
+ <div id="testMOTD"><div class="mkwsMOTD">This is the mkwsMOTD div</div></div>
</body>
</html>
<table width="100%" border="0">
<tr>
<td>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div id="mkwsPager"></div>
- <div id="mkwsNavi"></div>
- <div id="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsRanking"></div>
+ <div class="mkwsPager"></div>
+ <div class="mkwsNavi"></div>
+ <div class="mkwsRecords"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsRanking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div id="mkwsTermlists"></div>
+ <div class="mkwsTermlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
</td>
</tr>
</table>
- <div id="testMOTD"><div id="mkwsMOTD">This is the mkwsMOTD div</div></div>
+ <div id="testMOTD"><div class="mkwsMOTD">This is the mkwsMOTD div</div></div>
</body>
</html>
</head>
<body>
- <div id="testMOTD"><div id="mkwsMOTD">This is the mkwsMOTD div</div></div>
+ <div id="testMOTD"><div class="mkwsMOTD">This is the mkwsMOTD div</div></div>
<table width="100%" border="0">
<tr>
<td>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div id="mkwsPager"></div>
- <div id="mkwsNavi"></div>
- <div id="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsRanking"></div>
+ <div class="mkwsPager"></div>
+ <div class="mkwsNavi"></div>
+ <div class="mkwsRecords"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsRanking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div id="mkwsTermlists"></div>
+ <div class="mkwsTermlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
</td>
</tr>
</table>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsMOTD">
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsMOTD">
<p>
<b>Welcome to the MasterKey Widget Set demo.</b>
</p>
</p>
</div>
<div id="footer">
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
<span>Powered by MKWS © 2013 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>
</div>
</body>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsStat"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsStat"></div>
</body>
</html>
<table width="100%" border="0">
<tr>
<td>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div id="mkwsPager"></div>
- <div id="mkwsNavi"></div>
- <div id="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsRanking"></div>
+ <div class="mkwsPager"></div>
+ <div class="mkwsNavi"></div>
+ <div class="mkwsRecords"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsRanking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div id="mkwsTermlists"></div>
+ <div class="mkwsTermlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
</td>
</tr>
</table>
</body>
-->
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
<div class="mkwsAuthname"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSearch"></div>
<table width="100%" border="0" cellpadding="6" cellspacing="0">
<tr>
<td class="mkwsTermlistContainer1" width="250" valign="top">
<div class="mkwsPager"></div>
<div class="mkwsNavi"></div>
<div class="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
+ <div class="mkwsTargets"></div>
</td>
</tr>
<tr>
</td>
</tr>
</table>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
<div class="mkwsDone"></div>
- <div id="mkwsMOTD">Speak, friend, and enter!</div>
+ <div class="mkwsMOTD">Speak, friend, and enter!</div>
</body>
<!--
<body>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
-<div id="mkwsSearch"></div>
-<div id="mkwsResults"></div>
+<div class="mkwsSearch"></div>
+<div class="mkwsResults"></div>
<script src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsStat"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsStat"></div>
</body>
</html>
</script>
</head>
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <div id="mkwsResults"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsStat"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
+ <div class="mkwsResults"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsStat"></div>
</body>
</html>
<table width="100%" border="0">
<tr>
<td>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div id="mkwsPager"></div>
- <div id="mkwsNavi"></div>
- <div id="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsRanking"></div>
+ <div class="mkwsPager"></div>
+ <div class="mkwsNavi"></div>
+ <div class="mkwsRecords"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsRanking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div id="mkwsTermlists"></div>
+ <div class="mkwsTermlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
+ <div class="mkwsSwitch"></div>
+ <div class="mkwsLang"></div>
+ <div class="mkwsSearch"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div id="mkwsPager"></div>
- <div id="mkwsNavi"></div>
- <div id="mkwsRecords"></div>
- <div id="mkwsTargets"></div>
- <div id="mkwsRanking"></div>
+ <div class="mkwsPager"></div>
+ <div class="mkwsNavi"></div>
+ <div class="mkwsRecords"></div>
+ <div class="mkwsTargets"></div>
+ <div class="mkwsRanking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div id="mkwsTermlists"></div>
+ <div class="mkwsTermlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div id="mkwsStat"></div>
+ <div class="mkwsStat"></div>
</td>
</tr>
</table>