Add example

javve · javve · commit b3dfe529ecfa · 2013-11-21T19:13:28.000+01:00
diff --git a/example/basic.html b/example/basic.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset=utf-8 />
+  <title>Basic example</title>
+</head>
+<body>
+
+  <div id="test-list">
+    <input type="text" class="fuzzy-search" />
+    <ul class="list">
+      <li><p class="name">Guybrush Threepwood</p></li>
+      <li><p class="name">Manny Calavera</p></li>
+      <li><p class="name">Bernard Bernoulli</p></li>
+      <li><p class="name">LeChuck</p></li>
+      <li><p class="name">Elaine Marley-Threepwood</p></li>
+      <li><p class="name">Purple Tentacle</p></li>
+      <li><p class="name">Adrian Ripburger</p></li>
+      <li><p class="name">Bobbin Threadbare</p></li>
+      <li><p class="name">Murray the Demonic Skull</p></li>
+      <li><p class="name">Zak McKracken</p></li>
+    </ul>
+  </div>
+
+  <script src="http://listjs.com/no-cdn/list.js" />
+  <script src="../dist/list.fuzzysearch.js" />
+  <script>
+    var options = {
+      valueNames: ['name'],
+      plugins: [ ListFuzzySearch() ]
+    };
+
+    var monkeyList = new List('test-list', options);
+  </script>
+</body>
+</html>
