Discussion :

[tidus_6_9_2]

Bonjour à toutes et à tous,

Je vous expose mon problème, je désire que lorsqu'on sélectionne un choix dans mon autocompletion, l'input perde son focus.

Tout d'abord le code :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
 
function AutoCompletionMaterielInsertion(Methode){
	var string = 'UtilisateurCourant='+document.getElementById('donneesConnexion').value;
	string = string+'&Salle='+document.getElementById('SalleReservation').value;
	string = string+'&Du='+document.getElementById('Ins_Du').value;
	string = string+'&Au='+document.getElementById('Ins_Au').value;
	string = string+'&De='+document.getElementById('Ins_HeureDebut').value;
	string = string+'&A='+document.getElementById('Ins_HeureFin').value;
 
	$.post(Methode, {Web_donneesAJAX : string},
		function(data){
			var donnees = data.split("%&");
			var numTemp;
			var nomTemp;
			var projects = new Array();
			for(var i=0; i<=donnees.length-1;i++){
				numTemp = donnees[i].substring(0,donnees[i].indexOf(";_"));
				nomTemp = donnees[i].substring(donnees[i].indexOf(";_")+2,donnees[i].length);
				if(numTemp!="" || nomTemp!=""){
					projects[i] = {"value":numTemp, "label":nomTemp, "desc":"", "icon": ""};
				}
			}
			$('#Ins_Mat_Nom').autocomplete({
			minLength: 0,
			source: projects,
			focus: function(event, ui) {
				$('#Ins_Mat_Nom').val(ui.item.label);
			},
			select: function(event, ui) {	
				$('#Ins_Mat_Nom').val(ui.item.label);
				$('#Ins_Mat_Num').val(ui.item.value);
				$('#project-icon').attr('src', '../images/' + ui.item.icon);
 
				AjouterQteEtNom('ReservationQteMaterielDisp');
				// window.focus()
				return false;
			}
		})
		.data( "autocomplete" )._renderItem = function( ul, item ) {
		return $( "<li></li>" )
		.data( "item.autocomplete", item )
		.append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
		.appendTo( ul );
	};
	});
}

J'ai testé plusieurs variantes du window.focus() pour voir s'il daignait perdre le focus, mais rien à faire...

Y'aurait-il une solution JQuery qui fasse perdre le focus ?

Merci d'avance

[danielhagnoul]

Bonsoir

Perdre le focus. Ne pas confondre focus et bur

• http://api.jquery.com/focus/
  
• http://api.jquery.com/blur/

[tidus_6_9_2]

Ba disons que j'ai déjà essayé aussi le onBlur...

Je ne confond pas les deux, je connais bien la différence, sauf qu'aucun onBlur n'est effectué... En gros l'utilisateur lorsqu'il donne le focus à mon champ, ma fonction est bien utilisée. Tout fonctionne à merveille, sauf que le focus n'est jamais perdus (donc aucun onBlur "automatique" n'est fait lorsque l'utilisateur a choisit la valeur désirée).

En gros le focus ne bouge pas de mon champ. Je pensais simuler un clic sur une partie de la page peut-être, car je ne vois pas d'autre solutions...

[SpaceFrog]

onblur ???

Code :

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

this.blur()

[tidus_6_9_2]

C'est ce que j'essayais d'exprimer ou d'expliquer ^^

le this.blur(); tout comme l'évènement onBlur ne passent pas. Pour cela que je me retrouve un tout pitit peu coincé.. Même le clic en dehors de mon champs ne passe pas .

Je ne sais pas si JQuery, peut-être, empêche (sauf manuellement) de quitter le champ automatiquement...

J'ai déjà recherché sur les forums anglais et sur ceux de JQuery mais je n'ai pas encore vus de problème similaire (ou de personne voulant faire comme moi...).

Dans tous les cas, ce que je désirais faire c'était un confort en plus pour l'utilisateur. Toutes les erreurs sont traitées. Mais cela me permettait, lorsque le focus était perdus, que lorsque l'utilisateur reclic ou redonne le focus à mon champ de supprimer les sélections faites par ce dernier...

Mais bon, dans le pire des cas, cela n'est pas trop grave ^^