<script type="text/javascript" src="src/jquery.json-2.4.js"></script>
<script type="text/javascript" src="src/mkws.js"></script>
<style type="text/css">
- #mkwsTermlists div.facet {
+ .mkwsTermlists div.facet {
float:left;
width: 30%;
margin: 0.3em;
}
- #mkwsStat {
+ .mkwsStat {
text-align: right;
}
</style>
</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>