Search result disertai dengan highlight (sorot)

Merupakan suatu pengalaman yang berharga setelah seorang juri bertanya pada saya apakah hasil pencarian saya dapat disorot atau tidak. Karena waktu itu saya belum tau ya saya jawab saja “tidak bisa”.
Setelah saya tau caranya, ternyata mudah. Yukss..

Dalam laman pencarian harus ada input yang dicari.
>pertama :
buat 1 file saja misal beri nama= test.php

isinya :

<?php
$konek= mysql_connect("hostkamu","username","password");
mysql_select_db("databasekamu",$konek);
$table="tablekamu";
?>
<style type="text/css">
<!--
.block {
 background-color: #FFCC00;
 display: inline;
}
</style>

<form action='' method='post'>
<input name='cari' type='text'/>
<input name='submit' type='submit' value='Cari'/>
</form>

<?php
if(isset($_POST[cari])){
$cari= $_POST[cari];
$sql= mysql_query("select * from $table where field_objekkamu like '%$cari%'");
$jml= mysql_num_rows($sql);
?>
<B>Search result : </B><hr />
<br />
<?php 
if($jml==0){
echo "Tidak ditemukan dokumen yang mengandung katakunci : <b>$cari</b>";
}else{
?>
Ditemukan sejumlah <b><?php echo $jml;?></b> dokumen yang mengandung katakunci : <b><?php echo $cari;?></b><p></p>
<?php
while($row= mysql_fetch_array($sql)){
?>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
 <tr>
 <td bgcolor="#B9E9FF"><?php 
 $hasil= $row[2];
 $hasil= str_replace($cari,"<b class='block'>".$cari."</b>",$hasil);
 echo $hasil;?></td>
 </tr>
 <tr>
 <td><?php echo "diterbitkan Oleh :".$row[4]. "&nbsp;| Pada $row[5]";?></td>
 </tr>
 <tr>
 <td><?php
 $kalimat= $row[3];
 $replace= str_replace("$cari", "<span class='block'>$cari</span>",$kalimat);
 echo $replace;     ?></td>
 </tr>
</table>
<?php }} }?>

About Iin aryani

I don't wanna be a "Copycat" but, something they need to copy.

Posted on 11 August 2010, in Website. Bookmark the permalink. Leave a comment.

Komentar untuk penulis

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: