jQuery UI autocomplete ajax with multiple values -

-

i've checked several solutions this:

jquery ui autocomplete multiple values in textbox
jquery ui autocomplete multiple values

with no success. have jquery ui autocomplete working exception of search phrases spaces in them. instance, i'll search "real" , list of results if enter "real estate" bombs out after "real ".

here's current working code adding space in textbox:

<script type="text/javascript">         $(document).ready(function () {                 /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx',                 data: { 'searchtext' : encodeuricomponent(request.term), 'langspecific' : '1' },                 datatype: 'json',                 success: function(jsondata) {                     response(jsondata);                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });

here code tried above links continue receive "uncaught typeerror: cannot read property 'autocomplete' of undefined" error

<script type="text/javascript">    $(document).ready(function () {      /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx',                 data: { 'searchtext' : encodeuricomponent(request.term) },                 datatype: 'json',                 success: function(jsondata) {                     var re = $.ui.autocomplete.escaperegex(request.term); // errors out here                     var matcher = new regexp( "^" + re, "i" );                     response($.grep(jsondata, function(item){return matcher.test(item.value);}) );                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });

when debug i'm not getting detail (not strong front end dev) other error mentioned.

after further testing found issue placed , encoded parameters. code below started with:

<script type="text/javascript">         $(document).ready(function () {                 /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx',                 data: { 'searchtext' : encodeuricomponent(request.term), 'langspecific' : '1' }, // problem here                 datatype: 'json',                 success: function(jsondata) {                     response(jsondata);                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });    </script>

and ended with. note removed data attribute , created query string.

    <script type="text/javascript">         $(document).ready(function () {                 /* auto complete menu search option */     $("#txtsearchprogram").autocomplete({         source: function (request, response) {             $.ajax({                 type: 'get',                 url: '/specialpages/program-autocomplete.aspx?searchtext=' + encodeuricomponent(request.term) + '&langspecific=1', // resolved                 datatype: 'json',                 success: function(jsondata) {                     response(jsondata);                 }             });         },         delay: 0,         minlength: 2,         open: function() {             $(this).autocomplete("widget")                    .appendto("#autocomplete-results")                    .css("position", "static")},         focus: function( event, ui ) {           $(this).attr("placeholder", ui.item.label);           return false;           },          select: function (event, ui) {             event.preventdefault();             var url = ui.item.value;             if (url != '#') {                 location.href = url;             }         }     }); });    </script>

Comments

Post a Comment

Popular posts from this blog

html - Styling progress bar with inline style -

-
i trying set progress bar color red using inline style. need in way because have access <body> part of document. style need apply: progress { color: red } progress::-moz-progress-bar { background: red;} progress::-webkit-progress-value { background: red; } progress[aria-valuenow]:before { background: red; } i tried <progress style="background: red;"> incorrect effect, progress bar color turns blue red background. guide right direction desired style? thank in advance. here live example: https://jsfiddle.net/z36d3f6l/
Read more

java - Oracle Sql developer error: could not install some modules -

-
i have downloaded fresh copy of sqldeveloper ( sqldeveloper-4.1.3.20.78-no-jre ) oracle website. when unzip , lauch gui, keep getting following error message: warning - not install modules: dynamic module config - no module providing capability org.netbeans.netbinox found. my system: windows 7 32 bit hp probook. jdk 1.6 , 1.7, 1.8 available in java/jdk subdirectory. netbeans 8.0.2 installed finally got way out after dirty hours. extracted sqldeveloper zip in nested directory. i.e: e://a/b/c/sqldeveloper. starting sqldeveloper gui above directory threw erros. solution: go in c:\users**username**\appdata\roaming : delete sql developer , sqldeveloper folders extract sql developer zip in new non nested directory. i.e: e:// start , should work now reference: https://community.oracle.com/thread/3870680?start=0&tstart=0
Read more

How to use autoclose brackets in Jupyter notebook? -

-
this may sound silly question, how make use of autoclose brackets in jupyter notebook? example, when type print( jupyter notebook auto-closes brakets print() and places cursor inside. type argument, say print(1 + 1) now cursor between second 1 , right bracket ) . key navigate right of ) ? of course can press end or → or ) achieve this, not seem save time, purpose of brackets autoclose suppose? thanks in advance.
Read more