4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
\r
5 <title>A-group silly demo</title>
\r
6 <script type="text/javascript">
\r
8 //responsive_design_width: 990
\r
9 //perpage_default: 10,
\r
10 service_proxy_auth: "http://mkws.indexdata.com/service-proxy/?command=auth&action=login&username=dic&password=dic"
\r
13 <link rel="stylesheet" type="text/css" href="http://mkws.indexdata.com/mkws.css" />
\r
14 <script src="http://mkws.indexdata.com/mkws-complete.js"></script>
\r
18 <table height="100%" width="100%">
\r
19 <tr valign="top" height="100%">
\r
20 <td width="60%" valign="top">
\r
22 <h1>MKWS: the MasterKey Widget Set</h1>
\r
24 This site contains tools, not content:
\r
28 <a href="mkws.js">mkws.js</a>
\r
30 JavaScript code that powers the MasterKey Widget Set
\r
33 <a href="/libjs-pz2/pz2api.1.js">/libjs-pz2/pz2api.1.js</a>
\r
35 Low-level JavaScript library for access to the MasterKey web
\r
39 <a href="mkws-complete.js"
\r
40 >mkws-complete.js</a>
\r
42 A single large JavaScript file containing everything needed for
\r
43 MKWS to work: the widget-set itself, the API library, and any
\r
44 additional prerequisites such as jQuery.
\r
47 <a href="mkws.css">mkws.css</a>
\r
49 A stylesheet which styles only MasterKey widgets, and does not
\r
50 otherwise interfere with application-site's styles.
\r
52 <p style="color:darkred">
\r
53 Note. This is not yet quite true: the stylesheet needs tweaking
\r
54 to make it more specific to only the MKWS components. At present
\r
55 it spills over into styling parts of the containing site, too.
\r
61 For examples of how to use the widget-set, see:
\r
65 A very simple application at
\r
66 <a href="http://example.indexdata.com/"
\r
67 >http://example.indexdata.com/</a>.
\r
68 It's worth viewing the source to see how small it is.
\r
71 <a href="http://example.indexdata.com/index-full.html"
\r
72 >A more detailed version</a>
\r
73 that contains a configuration structure instead of accepting
\r
74 the defaults. Includes a custom translation option to present
\r
75 the application in Arabic.
\r
79 <a href="http://example.indexdata.com/index-jquery.html"
\r
81 version, consisting of a single line of JavaScript code.
\r
85 <a href="http://example.indexdata.com/index-lowlevel.html"
\r
86 >uses lower-level MKWS components</a>
\r
87 rather than the all-in-one <tt>#mkwsResults</tt> division,
\r
88 allowing it to use a rather different layout.
\r
91 <a href="http://example.indexdata.com/index-mobile.html"
\r
92 >A version suitable for mobile devices</a>,
\r
93 with a responsive design that moves components around
\r
94 depending on the screen size.
\r
97 <a href="http://example.indexdata.com/index-popup.html"
\r
98 >A version that uses a jQuery popup</a>.
\r
101 An existing web-site,
\r
102 <a href="http://sagp.miketaylor.org.uk/"
\r
103 >The Self-Appointed Grammar Police</a>,
\r
104 which has been fitted with an MKWS searching widget.
\r
105 (See also the MKWS-widget customisations in
\r
106 <a href="http://sagp.miketaylor.org.uk/style.css"
\r
107 >that site's stylesheet</a>.)
\r
110 Another existing web-site,
\r
111 <a href="http://zthes.z3950.org/"
\r
112 >The Zthes specifications</a>,
\r
113 which has been fitted with a popup MKWS search-box.
\r
117 The set of targets can be maintained:
\r
122 <a href="http://mk2.indexdata.com/console/"
\r
123 >MasterKey Admin Console</a>,
\r
124 and act as the "MK Demo" library administrator.
\r
132 The <a href="whitepaper.html">The whitepaper, including a reference section.</a>
\r
135 The <a href="README.html">README.html</a>
\r
138 The <a href="html-structure.txt"
\r
139 >structure of the HTML generated by the MKWS widgets</a>,
\r
140 which can be used to guide the customisation of its CSS styles.
\r
144 <td width="40%" align="top">
\r
145 <div id="mkwsSearch"></div>
\r
146 <div id="mkwsRecords"></div>
\r
147 <div id="mkwsPager"></div>
\r
151 <script type="text/javascript">
\r
152 $("#mkwsSearch").hide();
\r
153 $("#mkwsPager").hide();
\r
155 document.onclick = clickfunc;
\r
156 var selectedtext="";
\r
157 var clicking = false;
\r
158 function clickfunc(e) {
\r
159 var sel = window.getSelection();
\r
160 //console.log("click: " + sel + " clicking=" + clicking );
\r
161 if ( sel != "" && ! clicking ) {
\r
163 $("input#mkwsQuery").val(sel);
\r
164 //console.log("click: Set value " + sel + " clicking=" + clicking );
\r
165 $("input#mkwsButton").trigger("click");
\r