Introducing Ajaxsearch, my first ajax (Asynchronous JavaScript and XML) attempt. With Ajaxsearch, you can add a search box into your blog that returns the search result to your users as they type.
For live example, please use the Seach box on the right panel.
Installation is easy,
1. Copy ajaxsearch.js and ajaxsearch.php into your blog directory.
2. Add the following codes into the area of your blog where you want the Ajaxsearch box to display
<script src="ajaxsearch.js"></script>
<form name="form1">
<input name="keyword" onKeyUp="SendQuery(this.value)" style="WIDTH:100px" autocomplete="off">
<div align="left" class="box" id="autocomplete" style="WIDTH:200px;BACKGROUND-COLOR:#EDF3DE"></div>
</form>
<script language="JavaScript"> HideDiv("autocomplete"); </script>
3. That’s it!
It currently supports Drupal and Wordpress blogs. It’s an opensource freeware. Feel free to try it and leave comments. I’m working to port it to other popular blog engines, or you may help to hack it.
Latest version: Download Ajaxsearch-0.1.
Latest Comments