<body>
<div id="first"></div>
<script type="text/javascript">
- $("#first").html("<div class='mkwsReference' autosearch='one' sentences='1'>result will appear here</div>");
+ $("#first").html("<div class='mkws-reference' autosearch='one' sentences='1'>result will appear here</div>");
mkws.init("First div", "#first");
</script>
<div id="second"></div>
<script type="text/javascript">
- $("#second").html("<div class='mkwsReference' autosearch='two' sentences='1'>result will appear here</div>");
+ $("#second").html("<div class='mkws-reference' autosearch='two' sentences='1'>result will appear here</div>");
mkws.init("Second div", document.getElementById("second"));
</script>
<div id="third"></div>
<script type="text/javascript">
- $("#third").html("<div class='mkwsReference' autosearch='three' sentences='1'>result will appear here</div>");
+ $("#third").html("<div class='mkws-reference' autosearch='three' sentences='1'>result will appear here</div>");
mkws.init("Third div", "#third");
</script>
- <div class='mkwsReference' autosearch='four' sentences='1'>This would have been four but we're not searching it.</div>
+ <div class='mkws-reference' autosearch='four' sentences='1'>This would have been four but we're not searching it.</div>
</body>
</html>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
<div style="width: 30em; background: #f0f0f0">
<h2>Reference results from Paratext</h2>
- <div class='mkwsRecords' autosearch='!param!q' sort='position'></div>
+ <div class='mkws-records' autosearch='!param!q' sort='position'></div>
</div>
</html>
<div class="panel">
<h2>Reference results from Paratext</h2>
- <div class='mkwsRecords' autosearch='!param!q' sort='position'></div>
+ <div class='mkws-records' autosearch='!param!q' sort='position'></div>
</div>
<div class="entrybody">
<h2>News</h2>
-<div class='mkwsRecords'
+<div class='mkws-records'
autosearch='sushi'
sort='relevance'
targets='pz:id~josiah.brown.edu:210/innopac|connect.indexdata.com:9000/mit_opencourseware|lui.indexdata.com:8080/solr4/select?fq=database:3602'
</td>
<td>
<h2>News</h2>
-<div class='mkwsRecords mkwsTeam_news'
+<div class='mkws-records mkws-team-news'
autosearch='museum'
sort='relevance'
targets='pz:id~josiah.brown.edu:210/innopac|connect.indexdata.com:9000/mit_opencourseware'
</td>
<td>
<h2>Blog</h2>
-<div class='mkwsRecords mkwsTeam_blog'
+<div class='mkws-records mkws-team-blog'
autosearch='dinosaur'
sort='relevance'
targets='pz:id~josiah.brown.edu:210/innopac|connect.indexdata.com:9000/mit_opencourseware'
<tr>
<td style="background: #f8f8e0">
<h2>PLOS ONE</h2>
-<div class='mkwsRecords mkwsTeam_plos'
+<div class='mkws-records mkws-team-plos'
autosearch='dinosaur'
sort='relevance'
targets='pz:id=lui.indexdata.com:8080/solr4/select?fq=database:6265/'
</td>
<td style="background: #e0f8f0">
<h2>Project Gutenberg</h2>
-<div class='mkwsRecords mkwsTeam_gutenberg'
+<div class='mkws-records mkws-team-gutenberg'
autosearch='dinosaur'
sort='relevance'
targets='pz:id=lui.indexdata.com:8080/solr4/select?fq=database:3552/'
</td>
<td style="background: #e0f0f8">
<h2>Library of Congress</h2>
-<div class='mkwsRecords mkwsTeam_blog'
+<div class='mkws-records mkws-team-blog'
autosearch='dinosaur'
sort='relevance'
targets='pz:id=lui.indexdata.com:8080/solr4/select?fq=database:5802/'
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsProgress"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults" autosearch="!param!q" target="!param!t"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
- <div class="mkwsBuilder"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-progress"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results" autosearch="!param!q" target="!param!t"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <div class="mkws-builder"></div>
</body>
</html>
<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 class="mkwsSearch"></div>\r
- <div class="mkwsReference"></div>\r
+ <div class="mkws-search"></div>\r
+ <div class="mkws-reference"></div>\r
</td>\r
</tr>\r
</table>\r
<script type="text/javascript">\r
- $(".mkwsSearch").hide();\r
- $(".mkwsReference").hide();\r
+ $(".mkws-search").hide();\r
+ $(".mkws-reference").hide();\r
\r
document.onclick = clickfunc;\r
var selectedtext="";\r
//console.log("click: " + sel + " clicking=" + clicking );\r
if ( sel != "" && ! clicking ) {\r
clicking = true;\r
- $(".mkwsReference").show();\r
- $("input.mkwsQuery").val(sel);\r
+ $(".mkws-reference").show();\r
+ $("input.mkws-query").val(sel);\r
//console.log("click: Set value " + sel + " clicking=" + clicking );\r
- $("input.mkwsButton").trigger("click");\r
+ $("input.mkws-button").trigger("click");\r
clicking = false;\r
}\r
}\r
<script type="text/javascript" src="tools/htdocs/mkws.js"></script>
<style type="text/css">
- .mkwsTermlists div.facet {
+ .mkws-termlists div.facet {
float:left;
width: 30%;
margin: 0.3em;
}
- .mkwsStat {
+ .mkws-stat {
text-align: right;
}
</style>
</head>
<body>
<h1>Heikkis test for the MOTD</h1>
- <div class="mkwsMOTD">This is the mkwsMOTD div </div>
+ <div class="mkws-motd">This is the mkws-motd div </div>
<br/>The MOTD should not be visible above this line.
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
</body>
</html>
<script type="text/javascript" src="tools/htdocs/jquery.json-2.4.js"></script>
<script type="text/javascript" src="tools/htdocs/mkws.js"></script>
<style type="text/css">
- .mkwsTermlists div.facet {
+ .mkws-termlists div.facet {
float:left;
width: 30%;
margin: 0.3em;
}
- .mkwsStat {
+ .mkws-stat {
text-align: right;
}
</style>
</head>
<body>
<h1>Heikki's test</h1>
- <div class="mkwsMOTD">Welcome to Heikki's little test</div>
+ <div class="mkws-motd">Welcome to Heikki's little test</div>
<table width="100%" border="0">
<tr>
<td>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div class="mkwsPager"></div>
- <div class="mkwsNavi"></div>
- <div class="mkwsRecords"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsRanking"></div>
+ <div class="mkws-pager"></div>
+ <div class="mkws-navi"></div>
+ <div class="mkws-records"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-ranking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div class="mkwsTermlists"></div>
+ <div class="mkws-termlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div class="mkwsStat"></div>
+ <div class="mkws-stat"></div>
</td>
</tr>
</table>
<title>MKWS demo: Images</title>
<link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
- <script class="mkwsTemplate_Summary" type="text/x-handlebars-template">
+ <script class="mkws-template_summary" type="text/x-handlebars-template">
<a href="#" id="{{_id}}" onclick="{{_onclick}}">
{{#each md-thumburl}}
<img src="{{this}}" alt="{{../md-title}}"/>
</script>
</head>
<body>
- <div class='mkwsRecords' autosearch='!param!q'
+ <div class='mkws-records' autosearch='!param!q'
>results will appear here</div>
</body>
</html>
});
});
</script>
- <div class="mkwsIntro">Starting the MKWS metasearch widget</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>
- <div class="mkwsBuilder"></div>
+ <div class="mkws-intro">Starting the MKWS metasearch widget</div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <div class="mkws-builder"></div>
</body>
</html>
<script type="text/javascript" src="http://mkws-origin/mkws-complete.js"></script>
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</body>
</html>
<h2>MKWS Jasmine regression tests</h2>
- <div class="mkwsSearch"></div>
- <div class="mkwsPopup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsProgress"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
- <div class="mkwsBuilder"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-popup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-progress"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <div class="mkws-builder"></div>
</div>
<!-- include jquery again -->
<h2>MKWS Jasmine regression tests</h2>
- <div class="mkwsSearch"></div>
- <div class="mkwsPopup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-popup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</div>
</body>
<h2>MKWS Jasmine regression tests</h2>
- <div class="mkwsSearch"></div>
- <div class="mkwsPopup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-popup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</div>
</body>
<link rel="stylesheet" type="text/css" href="tools/htdocs/mkws.css" />
<style type="text/css">
- .mkwsTermlists div.facet {
+ .mkws-termlists div.facet {
float:left;
width: 30%;
margin: 0.3em;
}
- .mkwsStat {
+ .mkws-stat {
text-align: right;
}
</style>
<table width="100%" border="0">
<tr>
<td>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div class="mkwsPager"></div>
- <div class="mkwsNavi"></div>
- <div class="mkwsRecords"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsRanking"></div>
+ <div class="mkws-pager"></div>
+ <div class="mkws-navi"></div>
+ <div class="mkws-records"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-ranking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div class="mkwsTermlists"></div>
+ <div class="mkws-termlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div class="mkwsStat"></div>
+ <div class="mkws-stat"></div>
</td>
</tr>
</table>
- <div id="testMOTD"><div class="mkwsMOTD">This is the mkwsMOTD div</div></div>
+ <div id="testMOTD"><div class="mkws-motd">This is the mkws-motd div</div></div>
</body>
</html>
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsProgress"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
- <div class="mkwsBuilder"></div>
- <div class="mkwsMOTD"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-progress"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <div class="mkws-builder"></div>
+ <div class="mkws-motd"></div>
</body>
</html>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsMOTD">
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-motd">
<p>
<b>Welcome to the MasterKey Widget Set demo.</b>
</p>
</p>
</div>
<div id="footer">
- <div class="mkwsStat"></div>
+ <div class="mkws-stat"></div>
<span>Powered by MKWS © 2013-2014 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>
</div>
</body>
</td>
<td width="30%">
<h2>News</h2>
-<div class='mkwsRecords mkwsTeam_news'
+<div class='mkws-records mkws-team-news'
autosearch='museum'
sort='relevance'
targets='pz:id~josiah.brown.edu:210/innopac|connect.indexdata.com:9000/mit_opencourseware'
>News will appear here</div>
- <div class='mkwsTermlists mkwsTeam_news'/>
+ <div class='mkws-termlists mkws-team-news'/>
</td>
<td width="30%">
<h2>Blog</h2>
-<div class='mkwsRecords mkwsTeam_blog'
+<div class='mkws-records mkws-team-blog'
autosearch='dinosaur'
sort='relevance'
targets='pz:id~josiah.brown.edu:210/innopac|connect.indexdata.com:9000/mit_opencourseware'
>Blog entries will appear here</div>
- <div class='mkwsTermlists mkwsTeam_blog'/>
+ <div class='mkws-termlists mkws-team-blog'/>
</td>
</tr>
</table>
<tr>
<td style="background: #f8f8e0">
<h2>PLOS ONE</h2>
-<div class='mkwsRecords mkwsTeam_plos'
+<div class='mkws-records mkws-team-plos'
autosearch='dinosaur'
sort='relevance'
targets='pz:id~lui.indexdata.com:8080/solr4/#6265'
</td>
<td style="background: #e0f8f0">
<h2>Project Gutenberg</h2>
-<div class='mkwsRecords mkwsTeam_gutenberg'
+<div class='mkws-records mkws-team-gutenberg'
autosearch='dinosaur'
sort='relevance'
targets='pz:id~lui.indexdata.com:8080/solr4/#3552'
</td>
<td style="background: #e0f0f8">
<h2>Library of Congress</h2>
-<div class='mkwsRecords mkwsTeam_blog'
+<div class='mkws-records mkws-team-blog'
autosearch='dinosaur'
sort='relevance'
targets='pz:id~lui.indexdata.com:8080/solr4/#5802'
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</body>
</html>
<link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
<script type="text/javascript">mkws_config = { perpage_default: 1 }</script>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
- <script class="mkwsTemplate_Summary" type="text/x-handlebars-template">
+ <script class="mkws-template_summary" type="text/x-handlebars-template">
<a href="#" id="{{_id}}" onclick="{{_onclick}}">
{{#mkws-first md-thumburl}}
<img src="{{this}}" alt="{{../md-title}}"/>
</script>
</head>
<body>
- <div class='mkwsRecords' autosearch='cat' sort='date:0'
+ <div class='mkws-records' autosearch='cat' sort='date:0'
targets='pz:id=localhost:9003/flickr_api'
>kitteh will appear here</div>
</body>
<link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
<style type="text/css">
- .mkwsTermlists div.facet {
+ .mkws-termlists div.facet {
float:left;
width: 30%;
margin: 0.3em;
}
- .mkwsStat {
+ .mkws-stat {
text-align: right;
}
</style>
<table width="100%" border="0">
<tr>
<td>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
</td>
</tr>
<tr>
<td>
<div style="height:500px; overflow: auto">
- <div class="mkwsPager"></div>
- <div class="mkwsNavi"></div>
- <div class="mkwsRecords"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsRanking"></div>
+ <div class="mkws-pager"></div>
+ <div class="mkws-navi"></div>
+ <div class="mkws-records"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-ranking"></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="height:300px; overflow: hidden">
- <div class="mkwsTermlists"></div>
+ <div class="mkws-termlists"></div>
</div>
</td>
</tr>
<tr>
<td>
- <div class="mkwsStat"></div>
+ <div class="mkws-stat"></div>
</td>
</tr>
</table>
<script type="text/javascript" src="src/mkws-templates.js"></script>
</head>
<body>
- <div class="mkwsAuthname mkwsTeam_foo"></div>
- <div class="mkwsSwitch mkwsTeam_foo"></div>
- <div class="mkwsLang mkwsTeam_foo"></div>
- <div class="mkwsProgress mkwsTeam_foo"></div>
- <div class="mkwsSearch mkwsTeam_foo"></div>
- <div class="mkwsResults mkwsTeam_foo"></div>
- <div class="mkwsTargets mkwsTeam_foo"></div>
- <div class="mkwsStat mkwsTeam_foo"></div>
- <div class="mkwsBuilder mkwsTeam_foo"></div>
+ <div class="mkws-authname mkws-team-foo"></div>
+ <div class="mkws-switch mkws-team-foo"></div>
+ <div class="mkws-lang mkws-team-foo"></div>
+ <div class="mkws-progress mkws-team-foo"></div>
+ <div class="mkws-search mkws-team-foo"></div>
+ <div class="mkws-results mkws-team-foo"></div>
+ <div class="mkws-targets mkws-team-foo"></div>
+ <div class="mkws-stat mkws-team-foo"></div>
+ <div class="mkws-builder mkws-team-foo"></div>
</body>
</html>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
-<div class="mkwsSearch"></div>
-<div class="mkwsResults"></div>
+<div class="mkws-search"></div>
+<div class="mkws-results"></div>
</script>
<div style="max-width: 18em; margin: 1.5em 1.5em">
- <div class="mkwsReferenceUniverse" autosearch="sushi"></div>
+ <div class="mkws-referenceuniverse" autosearch="sushi"></div>
</div>
</body>
</html>
<script src="//mkws.indexdata.com/mkws-complete.js"></script>
<script src="mkws-widget-ru.js"></script>
<link rel="stylesheet" type="text/css" href="mkws-widget-ru.css" />
- <div class="mkwsReferenceUniverse" autosearch="!param!q"></div>
+ <div class="mkws-referenceuniverse" autosearch="!param!q"></div>
</div>
</html>
<script src="//mkws.indexdata.com/mkws-complete.js"></script>
<script src="mkws-widget-wimp.js"></script>
<link rel="stylesheet" type="text/css" href="mkws-widget-wimp.css" />
- <div class="mkwsWimp" autosearch="!param!q"></div>
+ <div class="mkws-wimp" autosearch="!param!q"></div>
</div>
</html>
<script src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</body>
</html>
<body>
<h3>MKWS demo: Reference & Credo, and popup widget, development</h3>
- <div class="mkwsSearch"></div>
- <div class="mkwsPopup" popup_width="1024" popup_height="650" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-popup" popup_width="1024" popup_height="650" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</div>
- <div class="mkwsPopup" popup_width="1024" popup_height="800" popup_autoOpen="1">
- <div class="mkwsCredo mkwsTeam_credo" autosearch="!param!q">mkwsCredo result will appear here</div>
+ <div class="mkws-popup" popup_width="1024" popup_height="800" popup_autoOpen="1">
+ <div class="mkws-credo mkws-team-credo" autosearch="!param!q">mkws-credo result will appear here</div>
</div>
- <div class="mkwsPopup" popup_width="700" popup_height="600" popup_autoOpen="1">
- <div class="mkwsReference mkwsTeam_credo" sentences="1" autosearch="!param!q">mkwsReference result will appear here</div>
+ <div class="mkws-popup" popup_width="700" popup_height="600" popup_autoOpen="1">
+ <div class="mkws-reference mkws-team-credo" sentences="1" autosearch="!param!q">mkws-reference result will appear here</div>
</div>
</body>
<h3>MKWS demo: Popup Widget</h3>
<!-- search box is outside the popup window -->
- <div class="mkwsSearch"></div>
+ <div class="mkws-search"></div>
<!-- popup widget config -->
- <div class="mkwsPopup" popup_width="1024" popup_height="750" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-popup" popup_width="1024" popup_height="750" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</div>
</body>
<script type="text/javascript" src="mkws-widget-credo.js"></script>
</head>
<body>
- <div class='mkwsCredo' autosearch='!param!q'></div>
+ <div class='mkws-credo' autosearch='!param!q'></div>
</body>
</html>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div class='mkwsReference' autosearch='!param!q' sentences='1'>result will appear here</div>
+ <div class='mkws-reference' autosearch='!param!q' sentences='1'>result will appear here</div>
</body>
</html>
<link rel="stylesheet" href="//mkws.indexdata.com/mkws.css" />
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsProgress"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
- <div class="mkwsBuilder"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-progress"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <div class="mkws-builder"></div>
</body>
</html>
<style>.searchbox { float: right; }</style>
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
<form>
<input type="text" name="q" class="searchbox"/>
</form>
- <div class="mkwsResults" autosearch="!param!q"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
- <div class="mkwsBuilder"></div>
+ <div class="mkws-results" autosearch="!param!q"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <div class="mkws-builder"></div>
</body>
</html>
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
</head>
<body>
- <div class='mkwsReference' autosearch='one' sentences='1'>result will appear here</div>
- <div class='mkwsReference' autosearch='two' sentences='1'>result will appear here</div>
- <div class='mkwsReference' autosearch='three' sentences='1'>result will appear here</div>
- <div class='mkwsReference' sentences='1'>result will appear here</div>
+ <div class='mkws-reference' autosearch='one' sentences='1'>result will appear here</div>
+ <div class='mkws-reference' autosearch='two' sentences='1'>result will appear here</div>
+ <div class='mkws-reference' autosearch='three' sentences='1'>result will appear here</div>
+ <div class='mkws-reference' sentences='1'>result will appear here</div>
</body>
</html>
<title>MKWS demo client</title>
<link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
<script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
- <script class="mkwsTemplate_Summary" type="text/x-handlebars-template">
+ <script class="mkws-template_summary" type="text/x-handlebars-template">
<a href="#" id="{{_id}}" onclick="{{_onclick}}">
<b>{{md-title}}</b>
</a>
<span><i>{{md-title-responsibility}}</i></span>
{{/if}}
</script>
- <script class="mkwsTemplate_Record" type="text/x-handlebars-template">
+ <script class="mkws-template_record" type="text/x-handlebars-template">
<table>
<tr>
<th>Title</th>
</script>
</head>
<body>
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</body>
</html>
return window.location.pathname + "?q=" + encodeURIComponent(topic);
});
</script>
- <script class="mkwsTemplate_TopicImage" type="text/x-handlebars-template">
+ <script class="mkws-template_topicimage" type="text/x-handlebars-template">
{{#each hits}}
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<a href="{{mkws-googleurl md-electronic-url}}" target="_blank">
</div>
{{/each}}
</script>
- <script class="mkwsTemplate_TopicFacet" type="text/x-handlebars-template">
+ <script class="mkws-template_topicfacet" type="text/x-handlebars-template">
{{#each terms}}
- <li class="list-group-item mkwsTerm">
+ <li class="list-group-item mkws-term">
<span class="badge">{{count}}</span>
<a href="{{mkws-topicurl term}}">{{term}}</a>
</li>
<div class="row">
<!-- reference entry -->
<div class="jumbotron panel col-md-8">
- <div class="panel-body mkwsReference mkwsTeam_ref" autosearch="!param!q"
+ <div class="panel-body mkws-reference mkws-team-ref" autosearch="!param!q"
data-mkws-config='{"paragraphs":1}'></div>
</div>
<!-- related topics -->
<div class="panel-heading title">
<h3 class="panel-title">Related Topics</h3>
</div>
- <ul class="panel-body list-group mkwsFacet mkwsTeam_main"
+ <ul class="panel-body list-group mkws-facet mkws-team-main"
autosearch="!param!q"
data-mkws-facet="subject"
data-mkws-config='{ "template": "TopicFacet" }'></ul>
<div class="panel-heading title">
<h3 class="panel-title">Images</h3>
</div>
- <div class="panel-body mkwsGoogleImage" autosearch="!param!q"
+ <div class="panel-body mkws-googleimage" autosearch="!param!q"
data-mkws-config='{ "maxrecs": 4, "template": "TopicImage", "target": "google_images_js" }'></div>
</div></div>
</div>
<div class="panel-heading title">
<h3 class="panel-title">News</h3>
</div>
- <div class="panel-body mkwsRecords mkwsTeam_news" autosearch="!param!q"
+ <div class="panel-body mkws-records mkws-team-news" autosearch="!param!q"
data-mkws-config='{"targetfilter":"categories=news",
"perpage":7}'></div>
</div></div>
<div class="panel-heading title">
<h3 class="panel-title">Articles</h3>
</div>
- <div class="panel-body mkwsRecords mkwsTeam_articles" autosearch="!param!q"
+ <div class="panel-body mkws-records mkws-team-articles" autosearch="!param!q"
data-mkws-config='{"targetfilter":"categories=articles",
"perpage":7}'></div>
</div></div>
<div class="panel-heading title">
<h3 class="panel-title">Books</h3>
</div>
- <div class="panel-body mkwsRecords mkwsTeam_books" autosearch="!param!q"
+ <div class="panel-body mkws-records mkws-team-books" autosearch="!param!q"
data-mkws-config='{"targetfilter":"categories=books",
"perpage":7}'></div>
</div></div>
<div class="panel-heading title">
<h3 class="panel-title">Results from all targets</h3>
</div>
- <div class="panel-body multicol mkwsRecords mkwsTeam_main"></div>
+ <div class="panel-body multicol mkws-records mkws-team-main"></div>
</div></div>
</div>
</div>
<!-- MKWS demo! A template to fit the Toronto Public Library -->
-<script class="mkwsTemplate_ReferenceUniverse" type="text/x-handlebars-template">
+<script class="mkws-template_referenceuniverse" type="text/x-handlebars-template">
<h3>Results from Reference Universe</h3>
{{#each hits}}
<div class="refinement">
-<div class="mkwsReferenceUniverse refinement-container" autosearch="!param!q"></div>
+<div class="mkws-referenceuniverse refinement-container" autosearch="!param!q"></div>
<table width="100%" border="1">
<tr>
<td valign="top" width="50%">
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
</td>
<td valign="top" width="50%">
- <div class="mkwsSwitch mkws-team-2"></div>
- <div class="mkwsLang mkws-team-2"></div>
- <div class="mkwsSearch mkws-team-2"></div>
- <div class="mkwsResults mkws-team-2"></div>
- <div class="mkwsTargets mkws-team-2"></div>
- <div class="mkwsStat mkws-team-2"></div>
+ <div class="mkws-switch mkws-team-2"></div>
+ <div class="mkws-lang mkws-team-2"></div>
+ <div class="mkws-search mkws-team-2"></div>
+ <div class="mkws-results mkws-team-2"></div>
+ <div class="mkws-targets mkws-team-2"></div>
+ <div class="mkws-stat mkws-team-2"></div>
</td>
</tr>
</table>
- <div class="mkwsMOTD">This is the first MOTD</div>
- <div class="mkwsMOTD mkws-team-2">This is the second MOTD</div>
+ <div class="mkws-motd">This is the first MOTD</div>
+ <div class="mkws-motd mkws-team-2">This is the second MOTD</div>
</body>
</html>
<!-- Test case: using single JS files in the right order, MKWS config in HEAD
before JS files loaded, and a broken jQuery object in BODY section -->
<body>
- <div class="mkws-authname mkwsAuthname"></div>
- <div class="mkws-switch mkwsSwitch"></div>
- <div class="mkws-lang mkwsLang"></div>
- <div class="mkws-progress mkwsProgress"></div>
- <div class="mkws-search mkwsSearch"></div>
- <div class="mkws-results mkwsResults"></div>
- <div class="mkws-targets mkwsTargets"></div>
- <div class="mkws-stat mkwsStat"></div>
+ <div class="mkws-authname mkws-authname"></div>
+ <div class="mkws-switch mkws-switch"></div>
+ <div class="mkws-lang mkws-lang"></div>
+ <div class="mkws-progress mkws-progress"></div>
+ <div class="mkws-search mkws-search"></div>
+ <div class="mkws-results mkws-results"></div>
+ <div class="mkws-targets mkws-targets"></div>
+ <div class="mkws-stat mkws-stat"></div>
<!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script> -->
<script type="text/javascript">
<!-- Test case: using mkws-complete.js and MKWS config in the body section -->
<body>
- <!-- <div class="mkwsAuthname"></div> -->
- <div class="mkwsSwitch"></div>
- <div class="mkwsLang"></div>
- <div class="mkwsProgress"></div>
- <div class="mkwsSearch"></div>
- <div class="mkwsResults"></div>
- <div class="mkwsTargets"></div>
- <div class="mkwsStat"></div>
- <!-- <div class="mkwsBuilder"></div> -->
+ <!-- <div class="mkws-authname"></div> -->
+ <div class="mkws-switch"></div>
+ <div class="mkws-lang"></div>
+ <div class="mkws-progress"></div>
+ <div class="mkws-search"></div>
+ <div class="mkws-results"></div>
+ <div class="mkws-targets"></div>
+ <div class="mkws-stat"></div>
+ <!-- <div class="mkws-builder"></div> -->
<script type="text/javascript" src="tools/htdocs/mkws-complete.js"></script>
<script type="text/javascript">