hi, I am creating a custom search page on a WordPress blog (2.84, hosted on my own domain) which will be powered by a custom Yahoo Pipes badge.

to call the Pipes badge, I use:
Code:
<script src="http://l.yimg.com/a/i/us/pps/listbadge_1.1.js">{"pipe_id":"pipeid1234","_btype":"list","pipe_params":{"Productsearch":"SEARCH TERMS HERE"}}</script>
I'd like my readers to be able to enter their search terms in an HTML FORM on the page, pass those to the script call where it says SEARCH TERMS HERE, and then render the badge with the results. I'd also like it if they'd be able to enter another term and have the page re-render the badge.

I found an example here: http://www.webreference.com/content/...ce/chap16.html

Code:
<HTML>
<HEAD>
<TITLE>Test Input </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function testResults (form) {
var TestVar = form.inputbox.value;
alert ("You typed: " + TestVar);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="GET">
Enter something in the box:<BR>
<INPUT TYPE="text" NAME="inputbox" VALUE=""><P>
<INPUT TYPE="button" NAME="button" Value="Click" 
onClick="testResults(this.form)">
</FORM>
</BODY>
</HTML>
but I don't know how to modify the SCRIPT tag in the example to incorporate the Pipes badge script I need to use and include the variable. also, since it requires code in the HEAD that presents a little problem because I only know how to modify the HEAD site wide and only need this on one page (but I'll deal with that if it's the only way to do it.)

although I'm proficient with working through examples, I'm not a developer by any stretch of the imagination, so very explicit instructions / examples would be greatly appreciated.

thank you, Ron