highlight now works for German Umlauts too

option to show html if no suggests are available

Author: ddsky

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "unibox",
-  "version": "1.14.2",
+  "version": "1.14.3",
   "main": [
     "js/unibox.min.js",
     "css/unibox.min.css"

html/sampleSite.html

@@ -92,9 +92,12 @@
                     highlight: true, // whether matched words should be highlighted, default: true
                     queryVisualizationHeadline: '', // A headline for the image visualization, default: empty
                     animationSpeed: 200, // speed of the animations, default: 300ms
-                    enterCallback: undefined, // callback on what should happen when enter is pressed, default: undefined, meaning the link will be followed
+                    enterCallback: function(text,link){console.log(text);}, // callback on what should happen when enter is pressed, default: undefined, meaning the link will be followed
                     placeholder: 'Search for something',
-                    minChars: 3 // minimum number of characters before the suggests shows, default: 3
+                    minChars: 3, // minimum number of characters before the suggests shows, default: 3
+                    suggestOrder: [], // the order of the suggests
+                    suggestSelectionOrder: [], // the order of how they should be selected
+                    noSuggests: '<b>We haven\'t found anything for you, <u>sooorrryyy</u></b>',
                     //maxWidth: 400 // the maximum width of the suggest box, default: as wide as the input box
                 };
 

js/unibox.js

@@ -90,6 +90,9 @@ var UniBox = function () {
     // the maximum width of the suggest box, default: as wide as the input box
     var maxWidth = undefined;
 
+    // the content to show when no suggests are available, if undefined, no suggests will be shown
+    var noSuggests = undefined;
+
     var entityMap = {
         "&": "&",
         "<": "&lt;",
@@ -147,7 +150,7 @@ var UniBox = function () {
         if (!highlight) {
             return string;
         }
-        var words = searchString.replace(/[^a-zA-Z0-9äöüÄÖÜß]|\s+|\r?\n|\r/gmi, " ").replace(/\W+/g, " ").split(' ');
+        var words = searchString.replace(/[^a-zA-Z0-9äöüÄÖÜß]|\s+|\r?\n|\r/gmi, " ").replace(/[^a-zA-Z0-9äöüÄÖÜß]/g, " ").split(' ');
 
         // sort words by length, longest first
         words.sort(function(a, b){
@@ -160,6 +163,7 @@ var UniBox = function () {
                 return;
             }
             var matches = string.match(new RegExp("((" + word + ")(?!#<##|-\\d+#<##))(?!.*\\1)", 'gi'));
+
             if (matches != null) {
                 for (var i = 0; i < matches.length; i++) {
                     var match = matches[i];
@@ -387,6 +391,11 @@ var UniBox = function () {
         //suggestBox.css('left', getSearchBoxOffset().left);
         //suggestBox.css('top', getSearchBoxOffset().top);
 
+        if (noSuggests != undefined) {
+            showSuggestBox = true;
+            suggestBox.append(noSuggests);
+        }
+
         //// show it
         if (showSuggestBox) {
             // if already visible, just update position and set class
@@ -626,6 +635,7 @@ var UniBox = function () {
             suggestOrder = options.suggestOrder;
             suggestSelectionOrder = options.suggestSelectionOrder;
             maxWidth = options.maxWidth;
+            noSuggests = options.noSuggests;
 
             // insert necessary values for inputfield
             searchBox.attr("autocomplete", "off");
@@ -790,6 +800,7 @@ var UniBox = function () {
                 blurCallback: undefined,
                 placeholder: undefined,
                 extraHtml: undefined,
+                noSuggests: undefined,
                 minChars: 3,
                 maxWidth: searchBox.outerWidth(),
                 showDeleteAllButton: false,