examples/htdocs/async.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: Async feeling.</title>
   7     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
   8     <script type="text/javascript" src="http://mkws.indexdata.com/jquery.json-2.4.js"></script>
   9     <script type="text/javascript" src="http://mkws.indexdata.com/jsnlog.min.js"></script>
  10     <script type="text/javascript" src="http://mkws.indexdata.com/handlebars-v2.0.0.js"></script>
  11     <script type="text/javascript" src="http://mkws.indexdata.com/pazpar2/js/pz2.js"></script>
  12     <script type="text/javascript" src="http://mkws.local/mkws.js"></script>
  13     <link rel="stylesheet" type="text/css" href="mkws-widget-wikipedia.css" />
  14   </head>
  15   <body>
  16     <div id="first"></div>
  17     <script type="text/javascript">
  18       $("#first").html("<div class='mkws-reference' autosearch='one' sentences='1'>result will appear here</div>");
  19       mkws.init("First div", "#first");
  20     </script>
  21     <div id="second"></div>
  22     <script type="text/javascript">
  23       $("#second").html("<div class='mkws-reference' autosearch='two' sentences='1'>result will appear here</div>");
  24       mkws.init("Second div", document.getElementById("second"));
  25     </script>
  26     <div id="third"></div>
  27     <script type="text/javascript">
  28       $("#third").html("<div class='mkws-reference' autosearch='three' sentences='1'>result will appear here</div>");
  29       mkws.init("Third div", "#third");
  30     </script>
  31     <div class='mkws-reference' autosearch='four' sentences='1'>This would have been four but we're not searching it.</div>
  32   </body>
  33 </html>