Comments on: Adding autocomplete field for search in Wordpress http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/ Technical weblog for articles and titorials related to web development. Fri, 12 Mar 2010 18:19:29 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Missingtoof http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-5236 Missingtoof Tue, 29 Dec 2009 13:38:41 +0000 http://nik.chankov.net/?p=466#comment-5236 Looks great, but doesn't seem to work for K2 out of the box. Heads up to anyone else building atop that. Looks great, but doesn’t seem to work for K2 out of the box. Heads up to anyone else building atop that.

]]> By: Peter http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-666 Peter Thu, 26 Feb 2009 21:04:01 +0000 http://nik.chankov.net/?p=466#comment-666 Thank you:) it's very usefull code:P Thank you:) it’s very usefull code:P

]]> By: Streaming http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-529 Streaming Thu, 08 Jan 2009 03:53:08 +0000 http://nik.chankov.net/?p=466#comment-529 Thank for this very usefull code!!! Thank for this very usefull code!!!

]]> By: estetik cerrahi http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-425 estetik cerrahi Mon, 24 Nov 2008 14:26:19 +0000 http://nik.chankov.net/?p=466#comment-425 This is an interesting and useful plugin. Is it compatible with wordpress 2.6.3? This is an interesting and useful plugin. Is it compatible with wordpress 2.6.3?

]]> By: streaming http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-349 streaming Mon, 13 Oct 2008 23:58:43 +0000 http://nik.chankov.net/?p=466#comment-349 thx for your blog http://www.streaming-gratuit.net thx for your blog

http://www.streaming-gratuit.net

]]> By: Nik Chankov http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-348 Nik Chankov Sat, 11 Oct 2008 20:06:11 +0000 http://nik.chankov.net/?p=466#comment-348 I think this is because I am using Scriptaculous rather than suggested in the original post. Anyway, this is the content of my php file: <code lang="php"> <?php if (isset($_POST['s'])) { $search = htmlentities($_POST['s']); } else $search =''; $db = mysql_connect('localhost','user','password'); //Don't forget to change mysql_select_db('database', $db); //theses parameters $sql = "SELECT name from wp_terms WHERE name LIKE '$search%'"; $req = mysql_query($sql) or die(); echo '<ul>'; while ($data = mysql_fetch_array($req)){ echo '<li><a href="#">'.htmlentities($data['name']).'</a></li>'; } echo '</ul>'; mysql_close(); ?> </code> Hope this helps I think this is because I am using Scriptaculous rather than suggested in the original post. Anyway, this is the content of my php file:

<?php
if (isset($_POST['s'])) {
        $search = htmlentities($_POST['s']);
} else  $search ='';
$db = mysql_connect('localhost','user','password'); //Don't forget to change
mysql_select_db('database', $db);            //theses parameters
$sql = "SELECT name from wp_terms WHERE name LIKE '$search%'";
$req = mysql_query($sql) or die();
echo '<ul>';
while ($data = mysql_fetch_array($req)){
        echo '<li><a href="#">'.htmlentities($data['name']).'</a></li>';
}
echo '</ul>';
mysql_close();
?>

Hope this helps

]]> By: Borans http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-347 Borans Sat, 11 Oct 2008 19:07:09 +0000 http://nik.chankov.net/?p=466#comment-347 Thank you very much, one last question nik, there is a bug in the php file that the other guy's. for example if i write something in the input and delete it, it displays all the tags in the database. but in your site this bug is not exist. how you managed to do it? Thank you very much, one last question nik, there is a bug in the php file that the other guy’s. for example if i write something in the input and delete it, it displays all the tags in the database. but in your site this bug is not exist. how you managed to do it?

]]> By: Borans http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-346 Borans Sat, 11 Oct 2008 18:33:34 +0000 http://nik.chankov.net/?p=466#comment-346 Thank you very much Nik Thank you very much Nik

]]> By: Nik Chankov http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-345 Nik Chankov Sat, 11 Oct 2008 18:10:28 +0000 http://nik.chankov.net/?p=466#comment-345 ok, what I've did: 1. Check if you have prototype included in your html, if not include it with <code lang="html"><script type='text/javascript' src='/wp-includes/js/prototype.js?ver=1.6'></script> </code> 2. I added following code into the header.php: <code lang="javascript"> <script src="/wp-includes/js/scriptaculous/effects.js" type="text/javascript"></script> <script src="/wp-includes/js/scriptaculous/dragdrop.js" type="text/javascript"></script> <script src="/wp-includes/js/scriptaculous/controls.js" type="text/javascript"></script> </code> 3. I've added this as well, because this is the colorization of the dropdown afterwards: <code lang="html"> <link type="text/css" rel="stylesheet" href="/wp-content/themes/genkitheme-10/gettags.css" /> </code> 4. and I've added this javascript after the form: <code lang="html"> <script type="text/javascript"> //<![CDATA[ var contact_name_auto_completer = new Ajax.Autocompleter('s', 'tag_update', '/wp-content/themes/genkitheme-10/gettags.php', {}) //]]> </script> </code> Which doing the actual job. 5. I also changed the second and the third line of the php file, because with scriptaculous the post param was $_POST['s']. so instead of: <code lang="php"> if (isset($_POST['search'])) { $search = htmlentities($_POST['search']); </code> I have: <code lang="php"> if (isset($_POST['s'])) { $search = htmlentities($_POST['s']); </code> 6. if you copy and paste the form from the example above, remove onkeyup="request(this.value);" callback, because with scriptaculous it's not needed. Hope this is much clearer now. ok, what I’ve did:
1. Check if you have prototype included in your html, if not include it with

<script type='text/javascript' src='/wp-includes/js/prototype.js?ver=1.6'></script>

2. I added following code into the header.php:

<script src="/wp-includes/js/scriptaculous/effects.js" type="text/javascript"></script>
  <script src="/wp-includes/js/scriptaculous/dragdrop.js" type="text/javascript"></script>
  <script src="/wp-includes/js/scriptaculous/controls.js" type="text/javascript"></script>

3. I’ve added this as well, because this is the colorization of the dropdown afterwards:

<link type="text/css" rel="stylesheet" href="/wp-content/themes/genkitheme-10/gettags.css"  />

4. and I’ve added this javascript after the form:

<script type="text/javascript">
//<![CDATA[
var contact_name_auto_completer = new Ajax.Autocompleter('s', 'tag_update', '/wp-content/themes/genkitheme-10/gettags.php', {})
//]]>
</script>

Which doing the actual job.

5. I also changed the second and the third line of the php file, because with scriptaculous the post param was $_POST['s'].

so instead of:

if (isset($_POST['search'])) {
        $search = htmlentities($_POST['search']);

I have:

if (isset($_POST['s'])) {
        $search = htmlentities($_POST['s']);

6. if you copy and paste the form from the example above, remove onkeyup=”request(this.value);” callback, because with scriptaculous it’s not needed.

Hope this is much clearer now.

]]> By: Borans http://nik.chankov.net/2008/10/10/adding-autocomplete-on-search-box/comment-page-1/#comment-344 Borans Sat, 11 Oct 2008 17:58:57 +0000 http://nik.chankov.net/?p=466#comment-344 can i look your js file? what is the name of it? can i look your js file? what is the name of it?

]]>