1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
| function lookup(inputString) {
if(inputString.length == 0) { // si le champs txte est vide
$('#suggestions').hide(); // on cache les suggestions
} else { // sinon
$.post("ajax.php", {queryString: ""+inputString+""}, function(data){ // on envoit la valeur du champ texte dans la variable post queryString au fichier ajax.php
if(data.length >0) {
$('#suggestions').show(); // si il y a un retour, on affiche la liste
$('#autoSuggestionsList').html(data); // et on remplit la liste des données
}
});
}
}
function lookup2(inputString) {
if(inputString.length == 0) { // si le champs txte est vide
$('#suggestions2').hide(); // on cache les suggestions
} else { // sinon
$.post("ajax.php", {queryString: ""+inputString+""}, function(data){ // on envoit la valeur du champ texte dans la variable post queryString au fichier ajax.php
if(data.length >0) {
$('#suggestions2').show(); // si il y a un retour, on affiche la liste
$('#autoSuggestionsList2').html(data); // et on remplit la liste des données
}
});
}
}
function fill(thisValue) { // remplir le champ texte si une suggestion est cliquée
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
function fill2(thisValue) { // remplir le champ texte si une suggestion est cliquée
$('#inputString2').val(thisValue);
setTimeout("$('#suggestions2').hide();", 200);
}
$(document).ready( function () { // lorsque la page est entierement chargée
$("input#inputString").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
lookup($(this).val())
});
$("input#inputString2").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
lookup2($(this).val())
});
$("input#inputString").blur( function() { // si le champs texte perd le focus
fill()
});
$("input#inputString2").blur( function() { // si le champs texte perd le focus
fill2()
});
}); |
Partager