<script type="text/javascript"> function searchYellow() { if (document.getElementById("txt_searchYellow_Where").value == "") { document.getElementById('txt_searchYellow_Where').style.background = 'red'; document.getElementById('txt_searchYellow_Where').focus(); return; } var url = "http://yellowpagecity.com/searchRedirector.asp" + "?location=" + document.getElementById("txt_searchYellow_Where").value + "&keyword=" + escape(document.getElementById("txt_searchYellow_SearchFor").value); if (document.getElementById("radio_searchYellow_SearchTypeBusiness").checked) { url += "&searchType=Business"; window.open(url); } else { url += "&searchType=Heading"; document.location = url; } } </script> <table id="searchBoxTable" cellpadding=0 cellspacing=0 style="background-color:#F7DD2B; border: solid black 1px; font-family: Arial, Helvetica, sans-serif;"> <tr> <td height=160 colspan=4 valign=top> <!--Begin Yellow Page Search Tab--> <table cellpadding=0 cellspacing=2 id=searchBoxInputYellow> <tr style="text-align: center; padding-bottom: 10px;"> <td colspan="4"> <a href="http://www.yellowpagecity.com"><img src="http://test.yellowpagecity.com/Misc/googleGadget/googlegadget_logo.gif" style="border: none;" /></a> </td> </tr> <tr> <td width=100 align=right valign=top> Search for: </td> <td align="left"> <input tabindex=1 type=text size=19 id=txt_searchYellow_SearchFor> <br> <font size=2> <input name="searchType" type="radio" id="radio_searchYellow_SearchTypeHeading" value="heading" checked/> <label for="heading">Heading</label> <input name="searchType" type="radio" id="radio_searchYellow_SearchTypeBusiness" value="business"/> <label for="business">Business Name</label> </font> </td> </tr> <tr> <td width=100 align=right valign=top> Where: </td> <td align="left"> <input tabindex=2 type=text size=19 id=txt_searchYellow_Where> </td> </tr> <tr> <td> </td> <td> <font size=2><sup> (City, State or ZIP Code)</sup></font> </td> </tr> <tr> <td> </td> <td valign=top> <a tabindex=3 href="javascript:searchYellow()" onMouseOut="searchButton_Yellow.src='http://yellowpagecity.com/images/searchbutton.gif'" onMouseOver="searchButton_Yellow.src='http://yellowpagecity.com/images/searchbutton_mo.gif'"> <img id="searchButton_Yellow" src="http://yellowpagecity.com/images/searchbutton.gif" border=0 alt="Search Yellow Pages"> </a> </td> </tr> </table> </TD> </TR> </table>
This is what it will look like.