Come diceva cavicchiandrea qui si parla di ajax... Il codice è questo:
codice:
<script type="text/javascript">
var myRequest3 = null;
function CreateXmlHttpReq3(handler){
var xmlhttp = null;
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = handler;
return xmlhttp;
}
function myHandler3(){
if(myRequest3.readyState == 4 && myRequest3.status == 200){
var er = document.getElementById("visualizza") //qui è dove andrà a scrivere il contenuto dell'elaborazione di cerca.php
er.innerHTML = myRequest3.responseText;
}
}
function cerca(){
var cerca = document.getElementById("cerca").value
myRequest3 = CreateXmlHttpReq2(myHandler3);
myRequest3.open("GET","cerca.php?cerca="+escape(cerca));
myRequest3.send(null);
}
</script>
....
<body>
...
<b class="ord_src">Cerca <input id="cerca" type="text" size="8" onkeyup="cerca()">[/b]<b id="ricerca">[/b]
<b id="visualizza">[/b]
Questo lo metti nella pagina dove vuoi fare la ricerca. Poi ti crei la pagina cerca.php e metti questo:
Codice PHP:
<?php
$host = "**";
$user = "**";
$password = "**";
$database = "**";
$connessione=mysql_connect($host,$user,$password);
mysql_select_db($database);
$cerca = $_GET['cerca'];
if(!($cerca)){ //se la casella di ricerca è vuota, visualizza tutti gli elementi
$q = 'SELECT img, articolo, nome, collezione, descrizione FROM prodotto ORDER BY prodotto.nome ASC LIMIT 0, 30 ';
$num=mysql_num_rows(mysql_query($q));
echo "
Visualizzati<b class='ord_src'>".$num."[/b]articoli";
}else{ //altrimenti cerca il testo inserito in tutti i campi della tabella
$q = 'SELECT img, articolo, nome, collezione, descrizione FROM prodotto WHERE prodotto.articolo LIKE "%' .$cerca .'%" OR prodotto.nome LIKE "%' .$cerca .'%" OR prodotto.collezione LIKE "%' .$cerca .'%" OR prodotto.descrizione LIKE "%' .$cerca .'%" ';
$num=mysql_num_rows(mysql_query($q));
echo "
La ricerca ha prodotto<b class='ord_src'>".$num."[/b]risultati";
}
$recset = mysql_query($q);
echo "<table id='elenco' cellspacing='0px' cellpadding='5px'>";
while($tr = mysql_fetch_array($recset)){
echo "<tr><td style='width:120px; border-bottom:0px solid #000'>[img]", $tr[[/img]</td>";
echo "<td style='width:200px; border-bottom:0px solid #000'><b class='tit'>Collezione: [/b]<b style='color:red'>", $tr['collezione'], "[/b]
";
echo "<b class='tit'>Art.: [/b]<b style='color:#99004D'>", $tr['articolo'], "[/b]
";
echo "<b class='tit'>Nome: [/b]<b style='color:#009900'>", $tr['nome'], "[/b]</td>";
echo "<td class='tit'>Strappo - [url='#']17mm[/url] [url='#']22mm[/url] [url='#']32mm[/url]
Corda - [url='#']17mm[/url] [url='#']22mm[/url] [url='#']32mm[/url]
Pacchetto - [url='#']17mm[/url] [url='#']22mm[/url] [url='#']32mm[/url]</td></tr>";
}
echo "</table>";
echo mysql_error();
mysql_close($connessione);
?>
Ecco qui....a proposito, se cambi gli id ad esempio di b (visualizza), ricordati di cambiarlo anche nella funzione myHandler3....per altre domande, sono a disposizione!