Making an "Automatic" search form.

u214 · June 4, 2011

I need a search for like the one Firefox has. It automatically highlights what I'm trying to search on the page.

Here's the page on where it will be used.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>=Famous= » Grand Theft Online «</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<meta name="robots" content="index, follow" />

<script type='text/javascript' src="css/js/jquery-1.2.6.min.js-ver=2.8.4"></script>
<link rel='index' title='=Famous=' #' />
<link rel="shortcut icon" href="css/images/favicon.ico?cb=1" />
<script type="text/javascript" src="css/js/custom.js"></script>

</head>
<body>
<div id="wrapper">
<div id="top">
	<div id="head">
		<h12 id="logo"><a href="#">=Famous= » Grand Theft Online «</a></h12>
		<strong class="description">UCP ( User Control Panel )</strong>
		<ul id="nav">
			<li><a href="#">Home</a></li>
			<li class="cat-item cat-item-72"><a href="#">Server Statistics</a>
				<ul class='children'>
					<li class="cat-item cat-item-75"><a href="#">#</a></li>
					<li class="cat-item cat-item-75"><a href="#">#</a></li>
					<li class="cat-item cat-item-75"><a href="#">#</a></li>
				</ul>
			</li>
			<li class="cat-item cat-item-73"><a href="#">#</a></li>
                <li class="cat-item cat-item-74"><a href="#">#</a></li>
                <li class="cat-item cat-item-75"><a href="#">#</a></li>
                <li class="cat-item cat-item-76"><a href="#">#</a></li>
		</ul>
	</div>
	<p class="breadcrumb">Connect to server now: <span class="copy">#</span> or click me: <a href="#"><strong>Connect Now</strong></a></p>
<div class="content clearfix text">
<?php
	include("test.php");
	$result = mysql_query("SELECT * FROM test ORDER BY TestName DESC",$connect);

	echo "<table width=720><tbody>
	<tr>
		<th width=20><span class='table-header'>Test Name:</span></th>
		<th width=20><span class='table-header'>Test IP:</span></th>
		<th width=70><span class='table-header'>Test Date:</span></th>
		<th width=20><span class='table-header'>Test Admin:</span></th>
		<th width=200><span class='table-header'>Test Reason:</span></th>
	</tr>";

	while($myrow = mysql_fetch_assoc($result))
	{
		echo "<tr>
		<td>";echo $myrow['Testname']; echo"</td>
		<td>";echo $myrow['TestIP']; echo"</td>
		<td>";echo $myrow['TestDate']; echo"</td>
		<td>";echo $myrow['TestAdmin']; echo"</td>
		<td><span class='ban-reason'>";echo $myrow['TestReason']; echo"</span></td>
		</tr>";
	}

	echo "</tbody></table>";
?>
</div>
    <div class="footer">
    <div class="footer_meta">
	  <span class="copy">©</span> 20<span class="copy">11</span> <a href="#">=Famous=</a> | UCP Coded by <a href="#">test</a>
	</div>
    </div>
</div>
</div>
</body>
</html>

So once I start searching from something on that page, it will at least highlight it and or direct the page into that search input.

Thank you!

Sign In

Making an "Automatic" search form.

Recommended Posts

u214

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information