Système hide show non fonctionnel
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:
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:
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';
}
}
} |