autocomplete, continued

build/css/ox.ui.classic.css

@@ -4,6 +4,10 @@ body.OxThemeClassic {
 .OxThemeClassic div {
     color: rgb(16, 16, 16);
 }
+.OxThemeClassic .OxHighlight {
+    background: rgb(255, 255, 0);
+}
+
 
 /*
 ================================================================================

build/css/ox.ui.css

@@ -20,6 +20,7 @@ div, input {
 td {
     padding: 0px;
 }
+
 /*
 ================================================================================
 Core

build/css/ox.ui.modern.css

@@ -4,6 +4,10 @@ body.OxThemeModern {
 .OxThemeModern div {
     color: rgb(240, 240, 240);
 }
+.OxThemeModern .OxHighlight {
+    background: rgb(255, 255, 0);
+    color: rgb(0, 0, 0);
+}
 
 /*
 ================================================================================

build/js/ox.js

@@ -1360,6 +1360,14 @@ Ox.startsWith = function(str, sub) {
     return str.substr(0, sub.length) === sub;
 };
 
+Ox.stripTags = function(str) {
+    /*
+    >>> Ox.stripTags("f<span>o</span>o")
+    foo
+    */
+    return str.replace(/(<.*?>)/gi, "");
+};
+
 Ox.toCamelCase = function(str) {
     /*
     >>> Ox.toCamelCase("foo-bar-baz")

build/js/ox.ui.js

@@ -1629,7 +1629,7 @@ requires
         }
         function onClick(event, data) {
             Ox.print("onClick", data)
-            that.focus().val(data.title);
+            that.focus().val(Ox.stripTags(data.title));
             self.menu.hideMenu();
         }
         function selection() {

demos/test/index.html

@@ -330,7 +330,8 @@
                     id: "state",
                     autocomplete: function(value, callback) {
                         value = value.toLowerCase();
-                        var items = [];
+                        var items = [],
+                            regexp = new RegExp("(" + value + ")", "ig"),
                             states = [
                                 "Alabama", "Alaska", "Arizona", "Arkansas", "California",
                                 "Colorado", "Connecticut", "Delaware", "District of Columbia", "Florida",
@@ -349,7 +350,7 @@
                         } else {
                             $.each(states, function(i, state) {
                                 if (state.toLowerCase().indexOf(value) > -1) {
-                                    items.push(state);
+                                    items.push(state.replace(regexp, "<span class=\"OxHighlight\">$1</span>"));
                                 }
                             });
                         }