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