jquery - Autocomplete with multiple keywords -


i'm not sure if possible make jquery-ui autocomplete works multiple keywords same result.

here example rather old , couldn't seem work, older jquery files. i'm not familiar jquery , javascript can manage edit existing things.

this have (without adjustments multi-keyword):

    <script type="text/javascript">     $(document).ready(function() {         newauto();     });      function newauto() {         var products = [         <?php foreach($search__1 $search) {         echo "{value: '". $search['product_name'] ."'}, ";}?>         ];         $("#keyword").autocomplete({             source: function(requestobj, responsefunc) {                 var matcharry = products.slice(); // copy array                 var srchterms = $.trim(requestobj.term).split(/\s+/);                 // each search term, remove non-matches.                 $.each(srchterms, function(j, term) {                     var regx = new regexp(term, "i");                     matcharry = $.map(matcharry, function(item) {                         return regx.test(item) ? item : null;                     });                 });                 // return match results.                 responsefunc(matcharry);             },             open: function(event, ui) {                 // function provides no hooks results list, have trust selector, now.                 var resultslist = $("ul.ui-autocomplete > li.ui-menu-item > a");                 var srchterm = $.trim($("#keyword").val()).split(/\s+/).join('|');                 // loop through results list , highlight terms.                 resultslist.each(function() {                     var jthis = $(this);                     var regx = new regexp('(' + srchterm + ')', "ig");                     var oldtxt = jthis.text();                     jthis.html(oldtxt.replace(regx, '<span class="srchhilite">$1</span>'));                 });             }         });     }  </script>

if understand ur question correctly, u want show list match multiple word of same sentence.

click here example 

 <html>  <head>     <title>testing</title>     <link href="css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />     <style type="text/css">         .srchhilite { background: yellow; }     </style>     <script src="scripts/jquery-1.9.1.min.js" type="text/javascript"></script>     <script src="scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>     <script type="text/javascript">          $(document).ready(function() {             newauto();         });          function newauto() {             var availabletags = ["win day", "win heart of", "win heart of someone"];             alert(availabletags);  // alert = win day,win heart of,win heart of             $("#tags").autocomplete({                 source: function(requestobj, responsefunc) {                     var matcharry = availabletags.slice(); // copy array                     var srchterms = $.trim(requestobj.term).split(/\s+/);                     // each search term, remove non-matches.                     $.each(srchterms, function(j, term) {                         var regx = new regexp(term, "i");                         matcharry = $.map(matcharry, function(item) {                             return regx.test(item) ? item : null;                         });                     });                     // return match results.                     responsefunc(matcharry);                 },                 open: function(event, ui) {                     // function provides no hooks results list, have trust selector, now.                     var resultslist = $("ul.ui-autocomplete > li.ui-menu-item > a");                     var srchterm = $.trim($("#tags").val()).split(/\s+/).join('|');                     // loop through results list , highlight terms.                     resultslist.each(function() {                         var jthis = $(this);                         var regx = new regexp('(' + srchterm + ')', "ig");                         var oldtxt = jthis.text();                         jthis.html(oldtxt.replace(regx, '<span class="srchhilite">$1</span>'));                     });                 }             });         }      </script> </head> <body>     <div>         <label for="tags">             multi-word search:         </label>         <input type="text" id="tags" />     </div> </body> </html>

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more