Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <h1>jQuery Autocomplete</h1>
<p>Hint: try tying "caf" or "jam".</p>
<input type="text" name="restaurant" id="autocomplete" placeholder="Type a restaurant here"/>
<p id="autocomplete-suggestion"></p>




<br />
<br />
<hr />
<p style="text-align:left;">If you find this demo useful, please consider <a href="https://www.paypal.me/RobertGravelle/1" target="_blank">donating $1 dollar</a> (secure PayPal link) for a coffee or purchasing one of my songs from <a href="https://ax.itunes.apple.com/WebObjects/MZSearch.woa/wa/search?term=rob%20gravelle" target="_blank">iTunes.com</a> or <a href="http://www.amazon.com/s/ref=ntt_srch_drd_B001ES9TTK?ie=UTF8&field-keywords=Rob%20Gravelle&index=digital-music&search-type=ss" target="_blank">Amazon.com</a> for only 0.99 cents each.</p>
<p style="text-align:left;">Rob uses and recommends <a href="http://www.mochahost.com/2425.html" target="_blank">MochaHost</a>, which provides Web Hosting for as low as $1.95 per month, as well as unlimited emails and disk space!</p>
              
            
!

CSS

              
                body{
  text-align: center;
}
#autocomplete{
  width: 300px;
  padding: 7px;
  text-align: left;
}

.ui-autocomplete .highlight { 
  color: blue; 
 } 
.ui-autocomplete .m-icon { 
  float: left; 
  max-width: 62px; 
} 
.ui-autocomplete .x-icon { 
  float: left; 
  width: 62px;
  //opacity: .5; 
  font-size: small; 
  text-align: center; 
} 
.ui-autocomplete .m-name { 
  display: block; 
  margin-left: 40px; 
} 
.ui-autocomplete div::after { 
  content: ""; 
  display: table; 
  clear: both; 
} 
.ui-menu-item .ui-state-active  {
  background:  #bae1ff;
}


              
            
!

JS

              
                var aRestaurants = [
  "Babylon Restaurant",
  "Cafe This Way",
  "Cafe Rouge",
  "Cafe Le Suisse",
  "Cafe 123",
  "Birmingham Hippodrome Deli Bar",
  "Hancock's Restaurant",
  "Rainforest Cafe",
  "Ramsay's",
  "Room Service at the Hilton",
  "The Bay Fish & Chip Shop",
  "Tokyo Diner",
  "Carluccio's",
  "Cote Brasserie",
  "Jamie's Italian",
  "Jamie Oliver's",
  "Jamacain Patties etc",
  "Nando's",
  "Patisserie Valerie",
  "Pret A Manger",
  "Strada",
  "Stanford Arms",
  "TGI Fridays"
],
logos = {
  "cafe_rouge": "data:image/jpeg;base64,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",
  "jamies_italian": "data:image/jpeg;base64,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",
"nandos": "data:image/jpeg;base64,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"};


$('#autocomplete').autocomplete({
    minLength: 3, 
 		source: aRestaurants, 
    response: function(event, ui) {
      if(ui.content.length == 0) {
        $('#autocomplete-suggestion').html('No matches found.');
      }
      else {
        //console.log(ui.content);
        $.each(ui.content, function( key, value ) {
          var logoKey = value.label.replace(/\s+/g,'_')
                                   .replace(/[^\w]/gi, '')
                                   .toLowerCase()

          if ( logos[logoKey] ) value.icon = logos[logoKey];
        });
      }
    },
    select: function(event, ui) {
        event.preventDefault();
        $(event.target).val(ui.item.label);
        $('#autocomplete-suggestion').html( 'You selected: ' + ui.item.label);
    },
    focus: function(event, ui) {
      event.preventDefault();
      $(event.target).val(ui.item.label);
      $('#autocomplete-suggestion').html('');
    }
}).on('keyup', function(event) {
  $('#selection-ajax').html(''); 
}).data('ui-autocomplete')._renderItem = function( ul, item ) {
  //thanks to Salman Arshad for icon and match highlighting code
  //http://salman-w.blogspot.ca/2013/12/jquery-ui-autocomplete-examples.html
  var $div = $("<div></div>");
  if (item.icon) { 
    $("<img class='m-icon'>").attr("src", item.icon).appendTo($div); 
  } else { 
    $("<span class='x-icon'>no img</span>").appendTo($div); 
  } 
  var mName       = $("<span class='m-name'></span>").text(item.label).appendTo($div),
      searchText  = $.trim(this.term).toLowerCase(), 
      currentNode = mName.get(0).firstChild, 
      matchIndex, newTextNode, newSpanNode; 
  while ((matchIndex = currentNode.data.toLowerCase().indexOf(searchText)) >= 0) { 
    newTextNode = currentNode.splitText(matchIndex); 
    currentNode = newTextNode.splitText(searchText.length); 
    newSpanNode = document.createElement("span"); 
    newSpanNode.className = "highlight"; 
    currentNode.parentNode.insertBefore(newSpanNode, currentNode); 
    newSpanNode.appendChild(newTextNode); 
  } 
  
  return $("<li></li>").append($div).appendTo(ul); 
};
              
            
!
999px

Console