[thelist] DB conneection to a text box - How do they do this?
Brian Cummiskey
brian at hondaswap.com
Sun Jun 24 16:10:09 CDT 2007
Nan Harbison wrote:
> Can someone point me to a tutorial on the web that explains this? I can't
> figure out what search terms to use to google for this. It is very cool.
>
It's js/ajax powered. The main page is actually written out from the
js includes at the top of the source with DOM scripting and
document.writes from the JS.
if you examine the rendered page with Firebug, you will see the input
fields, etc.
<form name="gcs" accept-charset="UTF-8" method="post" action="/cs">
<span class="lbl" style="display: none;"><label
for="searchString-gcs">Your company name</label></span>
<input type="text" id="searchString-gcs" value=""
name="searchString" autocomplete="off"/>
<span id="company-suggest" class="suggest"><div
class="yui-ac-content" style="display: none;"><div class="yui-ac-hd"
style="display: none;"/><div class="yui-ac-bd"><ul><li style="display:
none;"/><li style="display: none;"/><li style="display: none;"/><li
style="display: none;"/><li style="display: none;"/><li style="display:
none;"/><li style="display: none;"/><li style="display: none;"/><li
style="display: none;"/><li style="display: none;"/></ul></div><div
class="yui-ac-ft" style="display: none;"/></div></span>
<span id="company-examples">e.g., Google, Procter and Gamble,
Bank of America</span>
<input type="hidden" value="" name="s"/><input type="hidden"
id="numResults-gcs" value="10" name="numResults"/></form>
and so on for the rest of the page.
More information about the thelist
mailing list