Und zwar habe ich bei meinem aktuellen Projekt ein Problem, bei dem ich nicht mehr weiterweiß, da JS-Kenntnisse doch sehr beschränkt sind.
Ich habe eine Funktion, die mir bei meiner Suche die Autocomplete-JQuery-Funktion ermöglicht:
- Code: Alles auswählen
<script type="text/javascript">
$(function() {
var allRecipes = (<?php include("php/search_new.php"); ?>).Data.Recipes;
var recipeNames = [];
for(var i in allRecipes) {
recipeNames.push(allRecipes[i].TITLE);
}
var arr = new Array();
for(var k in recipeNames){
arr.push(" " + recipeNames[k]);
}
$("#searchrecipes").autocomplete({
source: arr
});
});
</script>
- Code: Alles auswählen
<input id="searchrecipes" type="text" name="searchrecipes" style="margin-left: 850px; margin-top: 0px; width:170px; background: #fff url(images/search_icon.png) no-repeat 100%;"placeholder="Suchen..."></input>
<input type="submit" name="buttonsenden" style="display:none;" value="" width: 5px></input>
Nun möchte ich, dass die Funktion aber erst aufgerufen wird, wenn mindestens 3 Zeichen in meinem Input stehen.
Wie löse ich das am Besten?
Mfg