Question

Here’s the scenario:

I have a textbox and a button on a web page. When the button is clicked, I want a popup window to open (using Thickbox) that will show all items that match the value entered in the textbox. I am currently using the IFrame implementation of Thickbox. The problem is that the URL to show is hardcoded into the ‘alt’ attribute of the button. What I really need is for the ‘alt’ attribute to pass along the value in the textbox to the popup.

Here is the code so far:

<input type='textbox' id='tb' /> <input alt='Search.aspx?KeepThis=true&TB_iframe=true&height=500&width=700' class='thickbox' title='Search' type='button' value='Search' /> 

Ideally, I would like to put the textbox value into the Search.aspx url but I can’t seem to figure out how to do that. My current alternative is to use jQuery to set the click function of the Search button to call a web service that will set some values in the ASP.NET session. The Search.aspx page will then use the session variables to do the search. However, this is a bit flaky since it seems like there will always be the possibility that the search executes before the session variables are set.

Answer 1

Just handle the onclick of your button to run a function that calls tb_show(), passing the value of the text box. Something like

... onclick = 'doSearch()' ...  function doSearch() {     tb_show(caption, 'Search.aspx?KeepThis=true&q=\'' +             $('input#tb').val() +             '\'&TB_iframe=true&height=500&width=700'); }