Trying to implement Google Suggest kind of a thing, need help

[divingIn]

So this is what i'm trying to do. I have a textbox in a <td> of a table and as you type the results should start to show right underneath in a group of 5. So i put a div under the textbox in the same td and make it invisible on the page load. As the user types, the 5 results are shown in a dynamically created table inside the div. Now the problem i am facing is that these results are pushing all my other elements of the main table down as this td becomes bigger.
Is there a way i could overlap this dynamic created table over the existing td of the main table or something else so it doesn't affect the elements in my main table.

<table>.... <tr> 
<td><input type=text onkeyup=loadresults() />
       <div id=searchresults>
////// Here i insert a dynamic table with the results
      </div>
</td>
<tr>
 

Any help would be greatly appreciated.
TIA

[pbmods]

Heya, Tia.

Please use CODE tags when posting source code. See the REPLY GUIDELINES on the right side of the page next time you post.

[markrawlingson]

The best solution for these types of scripts is to set the div layer position:absolute; when you 'show' it. It will then "float" over top of the rest of the items on your page without shoving them down to make room to display the layer on the page.

I'd also recommend setting the width of the layer = to the same width as the input box, set the top position of the layer = the top position of your input box minus the input boxes height.. and the left position of the layer = to the left position of the input box.

[divingIn]

The best solution for these types of scripts is to set the div layer position:absolute; when you 'show' it. It will then "float" over top of the rest of the items on your page without shoving them down to make room to display the layer on the page.

I'd also recommend setting the width of the layer = to the same width as the input box, set the top position of the layer = the top position of your input box minus the input boxes height.. and the left position of the layer = to the left position of the input box.

Thanks man, it works now. I learned a new thing called "float" tonight :)

Also i apologise pbmods for not reading the REPLY GUIDELINES. will do so in the future.

cheers!

[markrawlingson]

No problem at all. If you have any other questions feel free to post them as well!