Textarea + Autocomplete afficher en permanence
Bonjour,
J'ai un textarea qui me sert de champ de recherche, dessus j'ai mis de l'auto-complémentation.
J'aimerai que la liste des choix se charge des le lancement de la page et surtout qu'elle reste affichée en permanence, que l'on ai cliqué sur un choix, que l'on sois sortie du textarea.
Mon code :
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
34
35
36
37
38
39
40
41
42
43
44
|
$(function() {
var availableTags = [
"serv-esx1 : VM-Serv-Oracle","serv-esx1 : VM-Serv-Squid"
];
function split( val ) {
return val.split( /\n\s*/ );
}
function extractLast( term ) {
return split( term ).pop();
}
$( "#field_17,#field_18,#field_19" )
// don't navigate away from the field on tab when selecting an item
.autocomplete({
minLength: 0,
source: function( request, response ) {
// delegate back to autocomplete, but extract the last term
response( $.ui.autocomplete.filter(
availableTags, extractLast( request.term ) ) );
},
focus: function() {
// delegate back to autocomplete, but extract the last term
return false;
},
position: { my : "left top", at: "right top" },
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.value );
// add placeholder to get the comma-and-space at the end
terms.push( "" );
this.value = terms.join( "\n");
return false;
}
}).focus(function(){
$(this).keydown();
});
});
var selected; //flag indicating a selection has taken place |
Merci pour votre aide
