[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