Discussion :

[thor76160]

bonjour,
voila j'aimerais supprimer les options de survol dans le script d'autocomplete de jquery. il me pose pas mal de soucis !
lorsque je clique sur un élément de la liste, j'attribue des valeurs a des champs hidden, chose que je ne veux pas faire autrement. le probleme est que lorsque je survole un élément de cette liste, mon input text se valorise mais pas les champs hidden.
mais les internautes qui utiliseront ce système ne vont pas chercher le pourquoi du comment, ils vont s'en tenir là et ne sauront pas que la manipulation est incomplète ...

bref, je veux annuler toutes les fonctions issus du survol. pourriez-vous m'aider svp ?
merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<script type="text/javascript">
$(function() {	
	$("#ville").autocomplete({
		source: "inc/search.php",
		minLength: 2,
		select: function(event, ui)
				{
					var id_recherche = ui.item.id;
 
					if(id_recherche.search("dept_") == 0)
					{
						var num_dept = ui.item.id;
						num_dept = num_dept.split("dept_");
						num_dept = num_dept[1];
 
						document.getElementById("num_dept").value = num_dept;
					}
					else if(id_recherche.search("ville_") == 0)
					{
						var num_ville = ui.item.id;
						num_ville = num_ville.split("ville_");
						num_ville = num_ville[1];
 
						document.getElementById("num_ville").value = num_ville;
						document.getElementById("ville_et_cp").value = ui.item.value;
					}
				}
	});
});
</script>

[thor76160]

j'ai trouvé une solution, mais c'est un peu barbare >_<
bon, je vais dans le fichier jquery.ui.autocomplete.js et je cherche la ligne n° 100

ensuite je mets ce bout de code en commentaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
/*focus: function( event, ui ) {
					var item = ui.item.data( "item.autocomplete" );
					if ( false !== self._trigger( "focus", null, { item: item } ) ) {
						// use value to match what will end up in the input
						self.element.val( item.value );
					}
				},*/

mais y-aurait'il un moyen plus propre d'y parvenir ? j'aimerais ne pas toucher au code source de jqueryui !!

[thor76160]

j'ai trouvé des infos supplémentaires sur le site de jqueryui :

Before focus is moved to an item (not selecting), ui.item refers to the focused item. The default action of focus is to replace the text field's value with the value of the focused item. Canceling this event prevents the value from being updated, but does not prevent the menu item from being focused.
Code examples
Supply a callback function to handle the focus event as an init option.

$('.selector').autocomplete({
focus: function(event, ui) { ... }
});

Bind to the focus event by type: autocompletefocus.

$('.selector').bind('autocompletefocus', function(event, ui) {
...
});

je fais des tentatives, mais pour l'instant je n'ai rien de concluant.

[thor76160]

voici le code final, ça roule !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<script type="text/javascript">
$(function() {	
	$("#ville").autocomplete({
		source: "inc/search.php",
		minLength: 2,
		focus: function(event, ui)
				{
					return false;
				},
		select: function(event, ui)
				{
					var id_recherche = ui.item.id;
					if(id_recherche.search("dept_") == 0)
					{
						var num_dept = ui.item.id;
						num_dept = num_dept.split("dept_");
						num_dept = num_dept[1];
 
						document.getElementById("num_dept").value = num_dept;
					}
					else if(id_recherche.search("ville_") == 0)
					{
						var num_ville = ui.item.id;
						num_ville = num_ville.split("ville_");
						num_ville = num_ville[1];
 
						document.getElementById("num_ville").value = num_ville;
						document.getElementById("ville_et_cp").value = ui.item.value;
					}
				}
	});
});
</script>

j'ai bien sûr décommenté les lignes de code dans le fichier jquery.ui.autocomplete.js !!