Here are the files fixed.
Index.html :
Code:
<html>
<head>
<script src="ajax_framework.js"></script>
</head>
<body>
<h2>Ajax Search Engine</h2>
<form id="searchForm" name="searchForm" method="post" action="insertTask();">
<div class="searchInput">
<input name="searchq" type="text" id="searchq" size="30" onkeyup="searchNameq();"/>
<input type="button" name="submitSearch" id="submitSearch" value="Search" onclick="searchNameq();"/>
</div>
</form>
<h3>Search Results</h3>
<div id="msg">Type something into the input field</div>
<div id="search-result"></div>
</body>
</html>
ajax_framework.js :
Code:
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
} else {
request_type = new XMLHttpRequest();
}
return request_type;
}
var http = createObject();
/* -------------------------- */
/* SEARCH */
/* -------------------------- */
function searchNameq() {
var searchq = encodeURI(document.getElementById('searchq').value);
document.getElementById('msg').style.display = "block";
/*document.getElementById('msg').innerHTML = "Searching for <strong>" + searchq+"";
Set te random number to add to URL request*/
//nocache = Math.random();
http.open('get', 'search.php?name='+searchq);
http.send(null);
http.onreadystatechange = searchNameqReply;
}
function searchNameqReply() {
if(http.readyState == 4){
var response = http.responseText;
document.getElementById('search-result').innerHTML = response;
}
}
search.php :
Code:
<?php
$conn=mysql_connect("localhost","root","");
$search = $_GET['searchq'];
mysql_select_db("goget");
$sql = "SELECT * FROM register WHERE name LIKE '%".$_GET['name']."%'";
$getName = mysql_query($sql) or die(mysql_error());
while ($row = mysql_fetch_array($getName)) {
echo $row['username']."<br/>";
}
?>
Note that I have comment the code about nocache since you don't seem to use it. If you need it elsewhere, uncomment it and take example of the rest of the code on how to use it properly. I have also remove the $total from search.php for similar reasons.
Reply With Quote
Bookmarks