Example of !var!name autosearch.
[mkws-moved-to-github.git] / examples / htdocs / mike.html
1 <?xml version="1.0"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4   <head>
5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6     <title>MKWS demo: Mike's playground</title>
7     <link rel="stylesheet" type="text/css" href="http://x.mkws.indexdata.com/mkws.css" />
8     <style type="text/css">
9       .mkwsAuthname {
10         font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
11         float: left;
12         padding-left: 1em;
13         padding-top: 0.4em;
14         color: #132194;
15         font-weight: bold;
16       }
17     </style>
18     <script type="text/javascript">
19       var mkws_config = { service_proxy_auth: "//mkws.indexdata.com/service-proxy-testauth" };
20       var ourQuery = 'dinosaur';
21     </script>
22     <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
23     <script type="text/javascript" src="http://x.mkws.indexdata.com/jquery.json-2.4.js"></script>
24     <script type="text/javascript" src="http://x.mkws.indexdata.com/handlebars-v1.1.2.js"></script>
25     <script type="text/javascript" src="http://x.mkws.indexdata.com/pazpar2/js/pz2.js"></script>
26     <script type="text/javascript" src="http://x.mkws.indexdata.com/mkws.js"></script>
27   </head>
28   <body>
29 <div class='mkwsRecords'
30         autosearch='!var!ourQuery'
31         sort='relevance'
32         targets='pz:id~josiah.brown.edu:210/innopac|connect.indexdata.com:9000/mit_opencourseware'
33 >results will appear here</div>
34   </body>
35 </html>