autocompletamento

[bendervinicio]

Salve a tutti,
Sto pensando di creare un programma in locale particolare ma ho bisogno di sapere una cosa:
Si può realizzare l'autocompletamento in php?
Mettiamo che ho degli utenti iscritti, mentre scrivo la pagina mi deve suggerire il nome dell'iscritto nel campo nome.
Ho pensato a Flash oppure a javascript e ad un file txt o xml, sapete darmi una dritta?

grazie

[13manuel84]

io l'avevo fatto con un misto di js (per l'autocompletamento) e di php (ovviamente per prendere i dati che avevo nel db).

Se trovo dove l'ho messo domani ti posto qualcosa...ora devo scappare.

[bendervinicio]

ok allora aspetto.

ti ringrazio moltissimo

[platone]

fai una cosa del genere PHP/javascript:


in PHP crei una variabile javascript con tutti i possibili suggerimenti autocompletabili.

quindi fai:

<?
$array_di_campi_estratti_da_database;
$splitter = "$$$";
$stringa_javascript = addslashes(implode($splitter,$array_con_tutti_i_valori));
?>
<script language="javascript">
var valori_campo = "<?=$stringa_javascript?>".split("<?=$splitter?>");
</script>

e fin qui abbiamo passato un array da php a javascript.
Ora dentro il javascript hai tutte le alternative a questo punto ci sono diversi metodi javascript che puoi utilizzare per fare l'autocompletamento... però qua sfondiamo in JS, layer e moduli form.

[13manuel84]

eccoci qui


dunque, come detto devi fare un misto di php e js, comincio con il postarti come ho fatto io, poi vedi te che strada seguire...
Io ho fatto innanzitutto un campo di testo con accanto un div

<input name="artName" type="text" id="artName" onKeyUp="updateList( this.form, this );" size="15" onKeyPress="javascript:visibile();">
<div id="mio_layer" style="display:none; "></div>

ti posto anche il css del layer:

<style>
#mio_layer{
	max-height:95px;
	height:expression(this.scrollHeight > 95? "95px" : "auto");
	position:absolute;
	top:220px;
	overflow:auto;
	width:100px;
	background-color:#F4F4F4;
}
</style>

poi questo è l js che devi mettere nell'head del tuo html:
io ti ho copiato il mio pari pari, naturalmente poi dovrai cambiare i nomi dei campi e del form con quelli che hai tu (ricordati di dare ad ogni elemento un id, perché come vedi ne js accedo agli elementi tramite il getElementById)

<script type="text/javascript" language="JavaScript">
function updateList( __hForm, __hArtName ){
	var itemFound    = 0;
	var artToSearch  = __hArtName.value;
	var artListFound = "";

	for ( var i=0; i<artList.length; i++ ){
		if ( artToSearch == artList[i].substring( 0, artToSearch.length)  )  {
			artListFound += "<a href=\"#\" onClick=\"selcopy('" + artList[i] + "'); setTimeOut(sendForm(), 2500);\">" + artList[i] + "</a>
";
			itemFound++;
		}
	}

    if ( itemFound )
		artListFound = artListFound;
    else
    	artListFound = "Nessun articolo trovato.";
document.getElementById("mio_layer").innerHTML = artListFound; 
}

function selcopy(valore){
	document.getElementById("artName").value = valore;
}

function visibile(){
	document.getElementById("mio_layer").style.display="";
}

function sendForm(){
	document.getElementById("mio_layer").style.display="none";
	document.getElementById("form").submit();
}
</script>

infine c'è la parte in cui dobbiao creare l'array js da php che passeremo poi in pasto alle funzioni che sono sopra:

$sql_1="qui la tua query";
$res_1 = @mysql_query($sql_1);
$row_1 = @mysql_fetch_assoc($res_1);
	
echo "<script>var artList = new Array("; 
while($row = @mysql_fetch_assoc($res_1)){ 
  echo "'".$row["nomecolonna"]."',"; 
} 
echo "''";
echo ");</script>";

poi io ho fatto in modo che selezionando un elemento dalla lista che mi si presentava questo valore andasse direttamente nella mia casella di testo e che il form venisse processato...questo se vuoi lo puoi tranquillamente omettere.



Penso di averti detto tutto! Buon lavoro!

[13manuel84]

i javascript che nel codice vedi separati, tu ovviamente scrivili tutti attaccati...il forum li spezza

[bendervinicio]

ora provo...

grazie davvero

[bendervinicio]

ma questo script funziona anche in remoto? cioè collegandosi a un database esterno?

[bendervinicio]

cioè in rete?

[platone]

PHP e javascript sono due cose distinte.

PHP -> Serverside (gira sui server)
Javascript -> clientside (gira sul browser del navigatore).

In tutto il codice c'è una sola riga di PHP dove le variabili vengono passate in Js per effettuare l'effetto grafico dell'autocompletamento (funzione clientside).


Come ottieni le variabili PHP, se dal tuo server o da qualche altro server... dipende da come hai programmato PHP, allo script javascript è indifferente che le variabili arrivino da questo piuttosto che quel server.

Insomma non centra niente questo script, centra come programmi la parte PHP.