Droplist

**peppepegasus** · 01-02-2011, 17:22

ciao,

dopo ricerche su google non sono riuscito a trovare nulla che mi fosse di aiuto..
devo realizzare una casella in cui devo scrivere un testo (nome e cognome) e in base a quello che si inizia a scrivere si deve aprire sotto una casella in cui sono evidenziati dei potenziali dati scelti dal database in base a quanto scritto..
per chi usa facebook è simile alla casella di ricerca persone in base al nome e cognome..
qualcuno mi può indicare qualche script, tutorial o altro che mi possa essere utile?
grazie.
ciao.

**king size slim** · 01-02-2011, 17:32

ti serve una roba tipo questa immagino...

è fatta in javascript, php è usato solo per fornire dinamicamente i valori sul keypress...

**peppepegasus** · 01-02-2011, 17:40

ciao,

ho visto la demo..si più o meno è quello che cerco..provo a scaricarlo e cerco di capire come modificarlo per adattarlo al mio caso...mmh..non riesco a trovare la parte relativa al database..mi sembra di capire che usi json per prelevare i dati da un file di testo..
forse qualcosa di più semplice sarebbe meglio..
grazie.
ciao.

**rickystra** · 01-02-2011, 18:43

ciao,
in php puoi usare la funzione json_encode

**peppepegasus** · 01-02-2011, 19:20

ciao,

i dati li devo prelevare da database..come lo dovrei usare nel mio caso? ho provato a cercare anche qualche script che riproducesse la casella ricerca persone di facebook ma niente..
grazie..
ciao.

**rickystra** · 01-02-2011, 20:41

Quello che ti serve:
Jquery:
- $.ajax
- plugin autocomplete

PHP
- interroghi il db e restituisci l'array risultante in formato json con json_encode

**peppepegasus** · 01-02-2011, 21:18

ciao,

ho visto il link relativo al plugin autocomplete, all'indirizzo:
http://docs.jquery.com/Plugins/Autocomplete
dove c'è una spiegazione di come fare qualcosa che si avvicina alla mia esigenza..però non mi funziona. posto il codice che ho usato:

codice:

<head>
<title>Mio titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../../style.css" title="demo" />

<script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
  <script>
  $(document).ready(function(){
  <?
  	$query_nome_utente="SELECT * FROM utenti WHERE role<>'user'"; 
	$result_nome_utente=mysql_query($query_nome_utente) or die ("impossibile eseguire: $query_nome_utente");
  ?>
    var data = "<? $result_nome_utente ?>".split(" ");
$("#utente").autocomplete(data);
  });
  </script>

</head>


.....


<input id="utente" />

il problema è che non mi funziona neanche nella versione così come presentata..forse salto qualcosa? qualcuno può darmi un aiuto con il codice?
grazie.
ciao.

**Dascos** · 01-02-2011, 21:31

Prova con xajax...
Tutte le dichiarazioni dei metodi li fai via php, come codice jscript hai solo ed esclusivamente....nulla

Fa tutto xajax. Tu devi solo preoccuparti del codice php...

http://www.xajax-project.org/en/home/

**peppepegasus** · 01-02-2011, 21:42

ciao,

per me è arabo!!
non so da dove iniziare con quel link che mi hai segnalato..
grazie..

**Dascos** · 01-02-2011, 21:46

http://www.xajax-project.org/en/download/
http://www.xajax-project.org/en/docs-tutorials/

Discussione: Droplist

Strumenti discussione

Ricerca discussione

Visualizza

Droplist

Permessi di invio