Comments on: Spotlight-Like Search As You Type With CSS, AJAX & JS http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/ a developer blog Sun, 07 Mar 2010 06:17:16 -0800 http://wordpress.org/?v=2.9 hourly 1 By: Busca com resultados em tempo real | Links Web http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-2601 Busca com resultados em tempo real | Links Web Thu, 30 Apr 2009 13:19:08 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-2601 [...] Site: http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-css-ajax-js/ [...] [...] Site: http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-css-ajax-js/ [...]

]]> By: Cameron http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-510 Cameron Thu, 17 Jul 2008 22:13:55 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-510 Is there an easy way to be able to click the recommend research result and have it appear in the search box. I was hopping to do this with javascript or something, rather then creating a link and URL string. Any ideas? Is there an easy way to be able to click the recommend research result and have it appear in the search box. I was hopping to do this with javascript or something, rather then creating a link and URL string. Any ideas?

]]> By: Casey http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-507 Casey Wed, 30 Jan 2008 20:54:39 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-507 when I put this on a test page it pushed down the entire page every time I enter something in the search box. Is there any easy way to make this float over the rest of the page... or is it floating already and I'm missing some css or javascript to do that?? when I put this on a test page it pushed down the entire page every time I enter something in the search box. Is there any easy way to make this float over the rest of the page… or is it floating already and I’m missing some css or javascript to do that??

]]> By: matt http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-508 matt Tue, 29 Jan 2008 18:47:49 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-508 good works.... perfect. good works…. perfect.

]]> By: Webmaster 38 » Blog Archive » Spotlight Like Search at ajax scripts compound http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-506 Webmaster 38 » Blog Archive » Spotlight Like Search at ajax scripts compound Fri, 04 Jan 2008 01:42:09 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-506 [...] Spotlight Like Search [...] [...] Spotlight Like Search [...]

]]> By: Top 100 AJAX 'form' related scripts for 2007 | Nobox Media http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-504 Top 100 AJAX 'form' related scripts for 2007 | Nobox Media Sun, 18 Nov 2007 09:02:19 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-504 [...] Spotlight Like Search [...] [...] Spotlight Like Search [...]

]]> By: Design Pilez » Spotlight-Like Search As You Type w/ CSS,AJAX & JS http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-505 Design Pilez » Spotlight-Like Search As You Type w/ CSS,AJAX & JS Sat, 03 Nov 2007 17:15:06 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-505 [...] read more | digg story [...] [...] read more | digg story [...]

]]> By: Andrew Baerg http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-503 Andrew Baerg Tue, 16 Oct 2007 21:48:57 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-503 In response to finding a way to limit the number of searches sent to the server... you can set a global var which handles the setTimeout and use clearTimeout to prevent the search from getting sent if the user is still typing. So for each keypress, a function gets called which 1. clears the current timeout -- clearTimeout(timeout); 2. sets a new timeout (i have found a 500 ms timeout is about right) -- timeout = setTimeout("sndReq()", 500); the effect is that whenever the use pauses, the search is performed. thanks for the great tutorial! In response to finding a way to limit the number of searches sent to the server… you can set a global var which handles the setTimeout and use clearTimeout to prevent the search from getting sent if the user is still typing. So for each keypress, a function gets called which
1. clears the current timeout — clearTimeout(timeout);
2. sets a new timeout (i have found a 500 ms timeout is about right) — timeout = setTimeout(“sndReq()”, 500);

the effect is that whenever the use pauses, the search is performed.

thanks for the great tutorial!

]]> By: Marc http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-502 Marc Fri, 12 Oct 2007 12:50:28 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-502 In response to doing the hyperlinks: Me example of the script does not do hyperlinks, but it is very easy to add hyperlinks. If you look at the bit of HTML code write above where I show the PHP code it shows an example of what your php script should generate. In this HTML code it includes the tag wrapped around the contents of your li element. This is exactly what you want to do. So to add hyperlinks just adjust your PHP script slightly to how it returns the HTML. Just have it print out anchor tags like you would any list. ****I am a bit of a noob to PHP , how exactly would you add hyperlink to your search results?? thank you In response to doing the hyperlinks:

Me example of the script does not do hyperlinks, but it is very easy to add hyperlinks. If you look at the bit of HTML code write above where I show the PHP code it shows an example of what your php script should generate. In this HTML code it includes the tag wrapped around the contents of your li element. This is exactly what you want to do. So to add hyperlinks just adjust your PHP script slightly to how it returns the HTML. Just have it print out anchor tags like you would any list.

****I am a bit of a noob to PHP , how exactly would you add hyperlink to your search results?? thank you

]]> By: Links Web http://dbachrach.com/blog/2007/04/spotlight-like-search-as-you-type-with-css-ajax-js/#comment-497 Links Web Sun, 30 Sep 2007 20:27:47 +0000 http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-cssajax-js/#comment-497 [...] http://www.dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-css-ajax-js/ [...] [...] http://www.dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-css-ajax-js/ [...]

]]>