まず第一に、私がやろうとしていることのテンプレートとしてこのサイトを使用していますが、この上に検索ボックスを追加しています: http://www.dougv.com/demo/jquery_sort_records/js.php (dueブロックを参照するには、リンクをコピーして貼り付けて表示する必要があります。そうしないと、403 禁止エラーが発生します)。
特定の属性を検索し、見つかった結果を表示する単純な検索ボックスを作成したいと考えています (基本的にはフィルター)。これまでのところ、コードの一部として持っているものは次のとおりです。これまでのところ、テーブルはうまく表示されていますが、名前の属性を検索する検索ボックスを追加したいと考えています。
助けはありますか?
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#sortedtable").tablesorter({ sortlist: [0,0] });
});
</script>
</head>
<body>
<?php
if(!$link = mysql_connect("database_server", "user_name", "password")) {
echo "Cannot connect to db server";
}
elseif(!mysql_select_db("database_name")) {
echo "Cannot select database";
}
else {
if(!$rs = mysql_query("SELECT * FROM table")) {
echo "Cannot parse query";
}
elseif(mysql_num_rows($rs) == 0) {
echo "No records found";
}
else {
echo "<table id=\"sortedtable\" class=\"bordered\" cellspacing=\"0\">\n";
echo "<thead>\n<tr>";
echo "<th>Record ID</th>";
echo "<th>First Name</th>";
echo "<th>Last Name</th>";
echo "<th>Birthday</th>";
echo "<th>Department</th>";
echo "</tr>\n</thead>\n";
while($row = mysql_fetch_array($rs)) {
echo "<tr><td>$row[person_id]</td><td>$row[person_name]</td><td>$row[person_surname]</td><td>$row[person_birthdate]</td><td>$row[person_department]</td></tr>\n";
}
echo "</table><br />\n";
}
}
?>
<form name="search_form" method="POST" action="js.php">
<font face="Calibri"> </font>
Search: <input type="text" name="search_b" value="" />
<input type="submit" name="search" value="Search for your term..."> </input>
</form>