{source}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
</script>
<style>
#myTable {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
border-collapse: collapse;
width: 100%;
}
#myTable td, #myTable th {
border: 1px solid #ddd;
padding: 8px;
}
#myTable tr:nth-child(even){background-color: #f2f2f2;}
#myTable tr:hover {background-color: #ddd;}
#myTable th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #232323;
color: white;
}
</style>
<!-- Edit disini -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
</script>
<style>
#myTable {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
border-collapse: collapse;
width: 100%;
}
#myTable td, #myTable th {
border: 1px solid #ddd;
padding: 8px;
}
#myTable tr:nth-child(even){background-color: #f2f2f2;}
#myTable tr:hover {background-color: #ddd;}
#myTable th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #232323;
color: white;
}
</style>
<!-- Edit disini -->
</tr>
<tr>
<div class="container">
<h2>Perpustakaan Tun Abdul Razak Sains & Teknologi</h2>
<p><font size="4">Search using first names, last names or emails:</font></p>
<input class="form-control" id="myInput" type="text" placeholder="Search..">
<br>
<td03-5544 3233="">
</td03-5544><table class="table table-bordered table-striped table-sm" id="myTable">
<thead class="thead-dark">
<tr>
<th>Nama</th>
<th>Jawatan</th>
<th>Fungsi</th>
<th>Email</th>
<th>Nom. Tel</th>
</tr>
</thead>
<tbody>
<tr><th class="table-dark" colspan="5">PTAR SAINS & TEKNOLOGI </th>
</tr>
<tr>
<td>Mohd Hazrul Bin Mohd Hussin</td>
<td>Pustakawan Kanan</td>
<td>Ketua</td>
<td> Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya. </td>
<td>03-5544 3811</td>
</tr>
<tr>
<td>Firdaus Abdul Rahim</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Jamil bin Mat Noor</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3808</td>
</tr>
<tr>
<td>Muhammad Sadruddin Bin Salehudin</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Nurul Adila Binti Jusoh</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Faizul Bin Kamaruddin</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5521 1289</td>
</tr>
<tr>
<td>Mohd Adib Bin Mohd Mohsin </td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Siti Hajar Binti Riduan</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5521 1289</td>
</tr>
<tr>
<td>Marlia Hanie Bt Md. Said</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Abdul Muhsin Bin Abd Rasid</td>
<td>Pembantu Pustakawan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Fatimah Munirah Binti Shafii</td>
<td>Pembantu Pustakawan Kanan</td>
<td>Staf</td>
<td>Alamat emel ini dilindungi dari Spambot. Anda perlu hidupkan JavaScript untuk melihatnya.</td>
<td>03-5543 8549</td>
</tr>
<tr>
<td>Kaunter Perkhidmatan Pelanggan</td>
<td>PTAR SAINS & TEKNOLOGI</td>
<td></td>
<td></td>
<td>03-5544 3809</td>
</tr>
<tr>
<td>Kaunter Perkhidmatan ANNEX</td>
<td>PTAR SAINS & TEKNOLOGI</td>
<td></td>
<td></td>
<td>03-5544 3817</td>
</tr>
<!-- sampai sini sahaja -->
</tbody>
</table>
</div>
<script>
$(document).ready(function(){
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
</script>
{/source}