Async init() test and example.
[mkws-moved-to-github.git] / examples / htdocs / async.html
diff --git a/examples/htdocs/async.html b/examples/htdocs/async.html
new file mode 100644 (file)
index 0000000..e89cf48
--- /dev/null
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>MKWS demo: Async feeling.</title>
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/jquery.json-2.4.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/handlebars-v1.1.2.js"></script>
+    <script type="text/javascript" src="http://mkws.indexdata.com/pazpar2/js/pz2.js"></script>
+    <script type="text/javascript" src="http://mkws.local/mkws.js"></script>
+    <link rel="stylesheet" type="text/css" href="mkws-widget-reference.css" />
+  </head>
+  <body>
+    <div id="first"></div>
+    <script type="text/javascript">
+      $("#first").html("<div class='mkwsReference' 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>");
+      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>");
+      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>
+  </body>
+</html>