https://www.makeyourstyle.it/js/jqAutoComplete/jquery.auto-complete.min.js?v=1.2.76

1function AppendProduct(e, t, a) { var n = e.url + "?q=" + a; e.idCombinazione > 0 && (n += "&comb=" + e.idCombinazione); var i = document.createElement("div"); i.id = "autocomplete-product-" + e.idCombinazione, i.className = "autocomplete-product"; var o = document.createElement("div"); o.className = "photo"; var r = document.createElement("a"); r.setAttribute("href", n); var c = document.createElement("img"); c.src = e.urlFoto, r.appendChild(c), o.appendChild(r); var l = document.createElement("div"); l.className = "name"; var d = document.createElement("a"); d.setAttribute("href", n), d.innerHTML = e.name, l.appendChild(d); var s = document.createElement("div"); s.className = "price"; var p = document.createElement("a"); p.setAttribute("href", n), p.innerHTML = e.prezzo, s.appendChild(p), i.appendChild(o), i.appendChild(l), null != e.prezzo && i.appendChild(s), t.appendChild(i) } function AppendElement(e, t, a) { var n = document.createElement("div"); n.id = "autocomplete-cat-" + e.id, n.className = "autocomplete-element"; var i = document.createElement("div"); i.className = "name"; var o = document.createElement("a"); o.setAttribute("href", e.url + "?q=" + a), o.innerHTML = e.name, i.appendChild(o), n.appendChild(i), t.appendChild(n) } !function (e) { "use strict"; e.fn.autoCompleteSenzaComb = function (t) { var a = e.extend({}, e.fn.autoCompleteSenzaComb.defaults, t); return "string" == typeof t ? (this.each(function () { var a = e(this); "destroy" == t && (e(window).off("resize.autocomplete", a.updateSC), a.off("blur.autocomplete focus.autocomplete keydown.autocomplete keyup.autocomplete"), a.data("autocomplete") ? a.attr("autocomplete", a.data("autocomplete")) : a.removeAttr("autocomplete"), e(a.data("sc")).remove(), a.removeData("sc").removeData("autocomplete")) }), this) : this.each(function () { var t = e(this), n = t.context.

1id; function i(e) { var n = t.val(); if (t.cache[n] = e, e.length && n.length >= a.minChars) { var i = ""; if (null != e.d && null != e.d.prodotti && void 0 != e.d.prodotti) for (var o = 0; o < e.d.prodotti.length; o++) { var r = e.d.prodotti[o]; i += a.renderItem(r) } t.sc.html(i), t.updateSC(0) } else t.sc.hide() } t.sc = e('<div id="research-container" class="autocomplete-suggestions ' + a.menuClass + '"></div>'), t.data("sc", t.sc).data("autocomplete", t.attr("autocomplete")), t.attr("autocomplete", "off"), t.cache = {}, t.last_val = "", t.updateSC = function (a, n) { var i, o = window.innerHeight - 120, r = e("#btnCerca").offset().left - e("#contenutoHeaderMainLeft").offset().left; if (window.innerWidth >= 768 ? i = "unset" : (i = e("#testata").outerHeight() + e("#inputCerca").outerHeight(), o = window.innerHeight - i), t.sc.css({ top: i, width: r, maxHeight: o }), !a && (t.sc.show(), t.sc.maxHeight || (t.sc.maxHeight = parseInt(t.sc.css("max-height"))), t.sc.suggestionHeight || (t.sc.suggestionHeight = e(".autocomplete-suggestion", t.sc).first().outerHeight()), t.sc.suggestionHeight)) { if (n) { var c = t.sc.scrollTop(), l = n.offset().top - t.sc.offset().top; l + t.sc.suggestionHeight - t.sc.maxHeight > 0 ? t.sc.scrollTop(l + t.sc.suggestionHeight + c - t.sc.maxHeight) : l < 0 && t.sc.scrollTop(l + c) } else t.sc.scrollTop(0) } }, e(window).on("resize.autocomplete", t.updateSC), t.sc.appendTo("#contenitoreCerca"), t.sc.on("mouseenter", ".autocomplete-suggestion", function () { e(".autocomplete-suggestion.selected").removeClass("selected"), e(this).addClass("selected") }), e("#contenitore").click(function () { t.sc.hide() }), a.minChars || t.on("focus.autocomplete", function () { t.last_val = "\n", t.trigger("keyup.autocomplete") }), t.on("keydown.autocomplete", function (i) { if ((40 == i.which || 38 == i.which) && t.sc.html()) { var o, r = e(".autocomplete-suggestion.selected", t.sc); return r.length ? (o = 40 == i.which ? r.next(".autocomplete-suggestion") : r.prev(".autocomplete-suggestion")).length ? (r.removeClass("selected"), t.val(o.addClass("selected").data("val"))) : (r.removeClass("selected"), t.val(t.last_val), o = 0) : (o = 40 == i.which ? e(".autocomplete-suggestion", t.sc).first() : e(".autocomplete-suggestion", t.sc).last(), t.val(o.addClass("selected").data("val"))), t.updateSC(0, o), !1 } if (27 == i.which) t.val(t.last_val).sc.hide(); else if (13 == i.which) { var r = e(".autocomplete-suggestion.selected", t.sc); r.length && (a.onSelect(i, r.data("id"), r, n), setTimeout(function () { t.sc.hide() }, 10)) } }), t.on("keyup.autocomplete", function (n) { if (!~e.inArray(n.which, [13, 27, 38, 40, 37, 39])) { var o = t.val(); if (o.length >= a.minChars) { if (o != t.last_val) { if (t.last_val = o, clearTimeout(t.timer), a.cache) { if (o in t.cache) { i(t.cache[o]); return } for (var r = 1; r < o.length - a.minChars; r++) { var c = o.slice(0, o.length - r); if (c in t.cache && !t.cache[c].length) { i([]); return } } } t.timer = setTimeout(function () { a.source(o, i) }, a.delay) } } else t.last_val = o, t.sc.hide() } }) }) }, e.fn.autoCompleteSenzaComb.defaults = { source: function (t, a) { var n = document.getElementById("hdnIdLang").value; t = (t = t.replace("'", " ")).replace("  ", " "), e.ajax({ url: "/webservices/Prodotti.asmx/GetProdottiRicercati", data: "{ 'nomeProd': '" + t + "', 'idLang': '" + n + "'}", dataType: "json", type: "POST", contentType: "application/json; charset=utf-8", success: function (n) { if (null != n.d && n.d.success) { a(e.map(n.d, function (e) { return { value: e.Value, key: e.Key } })), document.getElementById("research-container").innerHTML = ""; var i = document.createElement("div"); if (i.className = "boxContainerResults", null != n.d.prodotti && void 0 != n.d.prodotti && n.d.prodotti.length > 0) { var o = document.createElement("header"); o.innerHTML = n.d.titleProdotti, i.appendChild(o); var r = document.createElement("div"); r.className = "box-research box-product"; for (var c = 0; c < n.d.prodotti.length; c++)AppendProduct(n.d.prodotti[c], r, t); i.appendChild(r) } if (null != n.d.categorie && void 0 != n.d.categorie && n.d.categorie.length > 0) { var l = document.createElement("div"); l.className = "div-box"; var o = document.createElement("header"); o.innerHTML = n.d.titleCategorie, l.appendChild(o); var r = document.createElement("div"); r.className = "box-research"; for (var c = 0; c < n.d.categorie.length; c++) { var d = n.d.categorie[c]; AppendElement(d, r, t) } l.appendChild(r), i.appendChild(l) } if (null != n.d.marche && void 0 != n.d.marche && n.d.marche.length > 0) { var s = document.createElement("div"); s.className = "div-box"; var o = document.createElement("header"); o.innerHTML = n.d.titleMarche, s.appendChild(o); var r = document.createElement("div"); r.className = "box-research"; for (var c = 0; c < n.d.marche.length; c++) { var d = n.d.marche[c]; AppendElement(d, r, t) } s.appendChild(r), i.appendChild(s) } if (null != n.d.blog && void 0 != n.d.blog && n.d.blog.length > 0) { var p = document.createElement("div"); p.className = "div-box"; var o = document.createElement("header"); o.innerHTML = n.d.titleBlog, p.appendChild(o); var r = document.createElement("div"); r.className = "box-research"; for (var c = 0; c < n.d.blog.length; c++) { var d = n.d.blog[c]; AppendElement(d, r, t) } p.appendChild(r), i.appendChild(p) } document.getElementById("research-container").appendChild(i); var u = document.createElement("div"); if (u.id = "div-link-research", u.className = "div-link", u.innerHTML = n.d.linkRicerca, document.getElementById("research-container").appendChild(u), window.innerWidth < 768) { var h = e("#testata").outerHeight() + e("#inputCerca").outerHeight() + e("#div-link-research").outerHeight(); i.style.maxHeight = (window.innerHeight - h).toString() + "px" } } else { document.getElementById("research-container").innerHTML = ""; var u = document.createElement("div"); u.id = "div-link-research", u.className = "div-link", u.innerHTML = n.d.linkRicerca, document.getElementById("research-container").appendChild(u) } }, error: function (e, t, a) { } }) }, minChars: 3, delay: 150, cache: 0, menuClass: "", renderItem: function (e) { return '<div class="autocomplete-product"><div class="photo"><a href="' + e.url + '"><img src="' + e.urlFoto + '"></a></div><div class="name"><a href="' + e.url + ">" + e.name + "</a></div>" }, onSelect: function (t, a, n, i) { var o = document.URL, r = document.getElementById("hdnIdLang").value, c = document.getElementById("hdnCodeLang"), l = o.split("/" + c.value)[0] + "/" + c.value; e.ajax({ url: "/webservices/Prodotti.asmx/RedirectProdotto", data: "{ 'idProd': '" + a + "', 'idLang': '" + r + "', 'urlBase': '" + l + "'}", dataType: "json", type: "POST", contentType: "application/json; charset=utf-8", dataFilter: function (e) { return e }, success: function (t) { e.map(t.d, function (e) { window.location.href = t.d }) }, error: function (e, t, a) { } }) } } }(jQuery), $(document).ready(function () { $("#inputCerca").autoCompleteSenzaComb() });