<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>MKWS demo client</title>
+ <title>MKWS demo: Mike's playground</title>
<link rel="stylesheet" href="mkwsStyle.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
<script type="text/javascript" src="mkws.js"></script>
+ <style type="text/css">
+ #mkwsTermlists div.facet {
+ float:left;
+ width: 30%;
+ margin: 0.3em;
+ }
+ #mkwsStat {
+ text-align: right;
+ }
+ </style>
</head>
<body>
- <div id="mkwsSwitch"></div>
- <div id="mkwsLang"></div>
- <div id="mkwsSearch"></div>
- <table width="100%" border="0" cellpadding="6" cellspacing="0">
- <tr>
- <td colspan="2">
+ <table width="100%" border="0">
+ <tr>
+ <td>
+ <div id="mkwsSwitch"></div>
+ <div id="mkwsLang"></div>
+ <div id="mkwsSearch"></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="height:500px; overflow: auto">
<div id="mkwsPager"></div>
- </td>
- </tr>
- <tr>
- <td valign="top">
<div id="mkwsNavi"></div>
- <div id="mkwsRecords" style="background: #f0f8ff"></div>
- </td>
- <td width="250" valign="top">
- <div id="mkwsTermlists"></div>
- </td>
- </tr>
- <tr>
- <td colspan="2">
+ <div id="mkwsRecords"></div>
+ <div id="mkwsTargets"></div>
<div id="mkwsRanking"></div>
- </td>
- </tr>
- </table>
- <div id="mkwsTargets"></div>
- <div id="mkwsStat"></div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="height:300px; overflow: hidden">
+ <div id="mkwsTermlists"></div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div id="mkwsStat"></div>
+ </td>
+ </tr>
+ </table>
</body>
</html>