Ciao a tutti ragazzi
sono riuscito a creare un semplice motore di ricerca : modulo web che interroga un file.php che a sua volta interroga un db, e viene mostrata una tendina con i risultati trovati.
Vorrei sapere come faccio a rendere cliccabili le voci che compaiono in tendina?
codice:
$("li.last").keyup(function(event){ //quando avviene evento rilascio tasto dal form fai questa funzione
event.preventDefault();//blocco la propagazione del l'evento
$('#login') //faccio comparire la tendina (dove verranno posti i risultati) sotto al form
.css({
'top' : '55px',
'left' : '450px'
})
.fadeIn(500);
var par = $("#parola").val(); //preleva l'attributo value cioè quello che digita l'utente
$.post("leggere-iscritti.php", //invio richiesta a questo file.php
{n:par}, //passandoci questi dati prelevati poco prima
//n appena inventata, par preso poco prima
/*questa funzione ci dice cosa vogliamo fare con la risposta che
ci ha inviato il server e che sarà contenuta in data*/
function(data){
console.log(data);
link = "<a src=\"" + data + "\">"+ data +"</a>"; //Ho tentato di far qualcosa ma non so di preciso
messaggio = "<p>" + link + "</p>";
$("div#sfondologin").html(link);
// console.log(data);
//$("div#sfondologin").html(data); //inserimeno nel div con id sfondologin
if(data==0){$('#login').toggle();} //se non c'è nulla scritto elimina tendina
});
return false;
});
</script>
<div id="main">
<div id="maintop">
<nav>
<ul>
<li><a href="">link1</a></li>
<li><a href="">link2</a></li>
<li><a href="">link3</a></li>
<li class="last">Cerca:<input id="parola" type="text" name="parola"></li>
</ul>
</nav>
<div id="login">
<div id="sfondologin">
<!-- <form method="post" action="">
<label for="username">Username</label><input type="text" name="username">
<label for="password">Password</label><input type="password" name="password">
<input type="submit" name="Invia">
</form>-->
</div>
</div>
</div>
<footer></footer>
</div>
</div>
</body>
</html>