26 lines
735 B
PHP
26 lines
735 B
PHP
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Live Search using AJAX</title>
|
|
|
|
<!-- Including jQuery is required. -->
|
|
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
|
|
|
<!-- Including our scripting file. -->
|
|
|
|
<script type="text/javascript" src="script.js"></script>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<style>
|
|
|
|
a:hover {
|
|
|
|
cursor: pointer;
|
|
|
|
background-color: yellow;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<body>
|
|
|
|
<!-- Search box. -->
|
|
|
|
<input type="text" id="search" placeholder="Search" />
|
|
|
|
<br>
|
|
|
|
<b>Ex: </b><i>David, Ricky, Ronaldo, Messi, Watson, Robot</i>
|
|
|
|
<br />
|
|
|
|
<!-- Suggestions will be displayed in below div. -->
|
|
|
|
<div id="display"></div>
|
|
|
|
</body>
|
|
|
|
</html> |