• FRAMEWORK

Search

The interface elements you can use for search fields are as follows.

JS not used

More information or questions: framework@ford.com.tr

Search Autocomplete

The interface elements you can use for autocomplete fields are as follows.

$(function () {
    var availableTags = [
        "Focus",
        "Fiesta",
        "Mondeo",
        "Mustang",
        "Edge",
        "Ranger",
        "Kuga"
    ];
    $("#searchFordModels").autocomplete({
        source: availableTags
    });
});

More information: https://jqueryui.com/autocomplete/

Search Autocomplete with tag

The interface elements you can use for autocomplete with tag search are as follows.

  • Focus
  • Fiesta
  • Mondeo
  • Mustang
  • Edge
  • Ranger
  • Kuga
$("#searchAutocompleteTag").on("keyup",
    function () {
        var matcher = new RegExp($(this).val(), "gi");
        $(".fo-autocomplete-tag-content > li").show().not(function () {
            return matcher.test($(this).find("span").text());
        }).hide();
});

More information or questions: framework@ford.com.tr