Discussion :

[surfeur2]

Bonjour je suis en train de développer un autocomplete, voir ci-dessous :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function propose_suggest(arg){
			var html = '<ul>';
			document.getElementById('suggest').style.visibility = "visible"
			var json = eval('('+arg+')');
 
			for (var i=0;i<8;i++){				
				html += "<li id='l'><span><a href='#' onClick='remplir()'>" + json.suggest[i].titre + "</a></span></li>"				
			}
 
			html += '</ul>'
			document.getElementById('suggest').innerHTML = html
 
		}

Cela fonctionne mais j'aimerai que lorsqu'on clique sur le lien du <li> sa valeur soit passée comme argument dans la fonction remplir !

Comment récupérer sa valeur et l'ajouter comme argument à la fonction remplir(----?---) ?

merci d'avance !

[ma5t3r]

Salut,

Code :

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

1
2
3
4
 
for (var i=0;i<8;i++){				
    html += "<li id='l'><span><a href='#' onClick='remplir()'>" + json.suggest[i].titre + "</a></span></li>"				
}

Cette boucle n'est pas bonne, tu donnes le même id à tous tes <li>. Sache qu'un identifiant doit être unique sur une page html

Si ta variable i peut être utilisée comme identifiant, tu peux la passer en paramètre à ta fonction comme ça :

Code :

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

1
2
3
4
 
for (var i=0;i<8;i++){				
    html += '<li id="' + i + '"><span><a href="#" onClick="remplir(' + i + ')">' + json.suggest[i].titre + '</a></span></li>';				
 }

Mais on peut optimiser en supprimant certaines informations.
En espérant que tu stockes l'id (de ton retour json) dans suggest[i].id

Code :

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

1
2
3
4
 
for (var i=0;i < json.suggest.length; i++){				
     html += '<li><a class="fooPourJs"  id="'+ json.suggest[i].id + '" href="#">' + json.suggest[i].titre + '</a></li>';				
}

et ton js qui intercepte le click sur chaque lien

Code :

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

1
2
3
4
5
 
$('.fooPourJs').on('click', function(e) {
    e.preventDefault();
    alert($(this).attr('id');
});