jQuery, jQuery-UI et Autocomplete
Bonjour à tous,
Voila je suis en train de développer un plugin d'auto-complétion pour un moteur de recherche. Avec les différentes infos que j'ai trouvé sur internet, impossible de régler mon problème. Le problème lorsque j’appuie sur une lettre de mon clavier, la requête AJAX que j'utilise pour réalisé la recherche d’auto-complétion ne démarre pas et donc ne réalise pas le traitement donné.
Code JS du plugin:
Code:
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
| (function($){
$.fn.autocompleterMotRech=function(options){
var contenu = {
'url':'',
'text':'',
};
var params = $.extend(contenu,options);
function requeter(){
$(this).autocomplete({
source: function(requete, reponse){
$.ajax({
url:params.url,
type: 'post',
async:false,
data:request,
dataType:'json',
success:function(data){
var suggestions = [];
$.each(data,function(i,val){
suggestions.push({"id":val.pays_id, "value":val.nom});
});
reponse(suggestions);
}
});
}
});
}
return $(this).each(requeter());
}; |
Code JS d'appel du plugin:
Code:
1
2
3
4
5
| $(function(){
$('input:text').keydown(function(){
$(this).autocompleterMotRech({'url':'<?php echo $this->url->url();?>?controleur=test&action=recherche','text':$(this).val()});
});
}); |
Voila j'espère que vous pourrez m'aider et merci d'avance !
