Bonjour,

je reviens à nouveau vers vous car j'ai à nouveau un soucis avec mes codes.

Je suis en train de programmer un système de recherche façon FB mais plusieurs problèmes se posent à moi.

Je souhaite que lorsqu'on recherche un membre par nom et prénom, ma div s'affiche sous mon input. jusque là pas de soucis.

Par contre je souhaite, fermer la div quand on clique à l'extérieur de cette div. Je précise de la div car là ça ne concerne pas l'input. Je souhaite qu'elle reste active car y a des lien cliquable dessus donc pas de possibilités de faire un onblur sur la div. J'ai tenté de simuler un blur par un code JS sous ma div mais bizarrement celle-ci ne fait plus apparaître les données car elle s'ouvre plus normalement.

Je souhaiterai aussi que lorsque je retape une donnée, la div s'ouvre normalement avec ou sans les anciennes données affichée (peu importe puisque la nouvelle saisie, va effectuer une nouvelle requête)

Je ne sais absolument pas comment faire ça sinon...

J'ai bien effectué un script pour afficher la div mais elle ne s'ouvre plus non plus complètement. je suis obligé de recharger ma page pour que tout revienne à la normal.

Auriez-vous une solution simple à effectuer ?

Merci d'avance.

Mon code actuel sinon :

Code Javascript : 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
 
$(document).ready(function(){
	$('.loader').hide();
 
	$('#search').keyup(function(){
		$field = $(this);
		$('#result').html('');
 
		if($field.val().length>0)
		{
			$.ajax({
				type: 'post',
				url: 'recherches/resultats.php',
				data: 'search='+$('#search').val(),
 
				beforeSend:function(){
					$('.loader').stop().fadeIn();
				},
 
				success: function(data){
					$('.loader').fadeOut();
					$('#result').html(data);
				}
			});
		}
	});
});

et mon code pour afficher la page :

Code Javascript : 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
 
function MontrerDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('result').style.display = 'block'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.result.display = 'block'; 
data = '';
$('#result').html(data);
} 
else { // IE 4 
document.all.result.style.display = 'block'; 
} 
} 
}