HTML - Multiple Search Options - Radio Buttons Instead Of Drop Down List

hi everyone,

ok heres my problem that is bugging me. I have a ecommerce website that im setting up and it comes with a default search feature.
Code:

<form name="quick_find" action="MYDOMAIN/index.php?main_page=advanced_search_result" method="get">
<input type="hidden" name="main_page" value="advanced_search_result" />
<input type="hidden" name="search_in_description" value="1" />
<input type="text" name="keyword" size="18" maxlength="100" style="width: 103px; margin-right:5px; vertical-align:middle;" value="" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" />
<input type="submit" value="Search" style="width: 50px; vertical-align:middle;" />
</form>

on my site i sell music LP's and each lp has in its description the year it was released.

If i was to put in the above form "1996" it would search all my products and return any that have "1996" in their desctiption.

With this in mind i would like to create a form that had 4 drop down boxes. day,month,year,country

I have created the following code below;

Code:

<form name="quick_find_header" action="MYDOMAIN/index.php?main_page=advanced_search_result" method="get">
<input type="hidden" name="main_page" value="advanced_search_result" />
<input type="hidden" name="search_in_description" value="1" /> 
<select name="keyword">
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option selected value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>

</select>
<select name="keyword">

<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option selected value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>

</select>
<select name="keyword">

<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option selected value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>

<input type="image" src="includes/templates/theme013/buttons/english/button_search.gif" alt="Search" title=" Search " style="margin-left:1px;" /> </form>

this gives me 3 drop down box's (YEAR,MONTH,DAY)

The problem is when i click search it only searches for the year. instead of combining all the selected data (e.g. 1996+JUN+23) it just searched for 1996.

The second problem is if someone managed to get this form to work, would it search for "1996JUN23" or "1996 JUN 23". The reason i ask this is my products descriptions say "this single was released on 23 June 1996"

I hope ive made all the above clear!!

Any help would be greatly appreciated.

thanks in advance

Hello All!

I don't have access to any kind of server side scripting. The file I am making has to be able to run on a desktop other than the scripting for the search functions.

I have a few sites that I am incorporating their search function into the HTML doc. It's a time saver but I am only having 1 hiccup. The design.

I was not aware on how to incorporate into a radio button and/or drop down to search each site separately. Some of them require hidden fields that make this a challenge anyhow.

I'm not sure how to design the page in order to make this work fluently. I currently have a top frame with the navigation bar and the bottom frame as the main window. When a user clicks the link, it will load another top frame doc with the nav bar and a search window for that site clicked on. So when the user types in the information, it submits it to the site and shows the results on the main frame. If they click another link, it displays a search box for that site, and same thing.

However, I was wondering if there was a cleaner way of doing this? I am really interested in keeping a navigation bar but it looks cluttered with a search bar. I'm having to create a separate page for each search bar and add the navigation bar to each one. Then if something changes with the nav bar, I have to go back and fix each page. I'd really be happy to only need one nav bar.

My goal would be to figure a way to keep a navigation bar, clean up the page, and keep each search function handy. I could create a 3rd frame but I think it would feel more cluttered.

Here is the menu bar. Of course, this is just an example. "Form" is name of top frame.
Code:

<ul class="menu">
<li><a href="choose.htm" class="active"><Span>Home</span></a></li>
<li><a href="Tool.htm" target="form" onClick="top.body.location='www.example.com/sitewheresearchislocated';"><Span>
etc....
</ul>

And here is the frame page.

Code:

<frameset rows="80, 1*">
   <frame frameborder=0 scrolling="no" noresize="noresize" src="choose.htm" name="form" framespacing="0" border="0">

   <frame frameborder=0 noresize="noresize" src="main.htm" name="body" framespacing="0" border="0">
</frameset>

Hey, I'm trying create a form that contains two radio buttons and a text box and a submit button. Depending on which radio button is selected, a search is done on the keyword. One of the buttons is for a google search and the other is for an internal site I am working with. The problem I am running into is that the 'method' attribute in my form has to equal both "get" and "post", depending on what I select. I've tried a few things using scripts but nothing successful.

Any help would be great.

Thanks

Hi everyone, I'm a total newbie and have zero previous HTML experience (but have experience reading code). I am modifying a site to support 3 radio buttons that switch the function of a single search bar. Could you guys please help me figure this out? Warning - all of this is copy-and-paste frankencode from the source, pieced together by guesswork. It may hurt your eyes. In case you're wondering, this is simply a design prototype for a class I am taking that requires user testing. The actual web development will be done by someone else if accepted. I will learn HTML properly later on.

Attached is an image of what I am thinking of.

And here is the pertinent code:
Code:

  <h2>Select the search engine that meets your needs.</h2>
  <form id="form1" name="form1" method="post" action="">
  <p>
    <label>
      <input name="searchEngineSelection" type="radio" id="searchEngineSelection_0" value="http://uci.worldcat.org/search" checked="checked" />
      <strong>Melvyl</strong></label>
    - Search libraries worldwide for books/music/other media.<br />
    <label>
      <input name="searchEngineSelection" type="radio" id="searchEngineSelection_1" value="http://antpac.lib.uci.edu/search/X?SEARCH=" />
      <strong>ANTPAC</strong></label>
    - Search and reserve material held at UCI Libraries.<br />
    <label>
      <input type="radio" name="searchEngineSelection" value="http://www.lib.uci.edu/search-site.html?cx=009602760963559712792%3Aoglsjsxdz5m&cof=FORID%3A10&ie=UTF-8&q=" id="searchEngineSelection_2" />
      <strong>Site</strong></label>
    - Find a specific page or information on the Library website.<br />
  </p>
</form>
<form accept-charset="UTF-8" action="http://uci.worldcat.org/search" id="wcfw" method="get" name="wcfw" target="_top">
  <input name="q" type="text" id="quicksearch_field" />
  <input align="top" id="quicksearch_go" onmouseout="goBtnOff()" onmouseover="goBtnOn()" src="./Home Page - UCI Libraries_files/button-go-off.gif" type="image" />
</form>

I have no idea how to do it so I am asking you gurus to help. Thanks so much for your time.

Hello All,
I'm creating a form which has got several parts, divided by tables, which are radio buttons, check boxes etc. All the radio button tables work well with the exception of one where it lets you choose all three options or two, as if they were checkboxes.

The code is:
PHP Code:
<div class="roundedcornrboxorange">
   <div class="roundedcornrtoporange"><div></div></div>
      <div class="roundedcornrcontentorange">
<table width="100%">
<tr>
<td colspan="3"><h3>Which level do you think you're currently are?</h3></td>
</tr>
<tr>
<td width="30%"><input type="radio" name="level[beginner]" id="beginner" value="1"/> Beginner</td>
<td width="30%"><input type="radio" name="level[intermediate]" id="intermediate" value="1"/> Intermediate</td>
<td width="30%"><input type="radio" name="level[advanced]" id="advanced" value="1"/> Advanced</td>
</tr>
</table>

      </div>
   <div class="roundedcornrbottomorange"><div></div></div>
</div> 


Does anyone have an idea what could be going wrong?

The css (in case it helps) is:

PHP Code:
.roundedcornrboxorange {
margin: 5px 0 0 0;
width: 800px;
clear: both;
   background: #ff7b06 url(../images/roundedcornr190406grad.gif) repeat-x top left;
}
.roundedcornrtoporange div {
   background: url(../images/roundedcornr190406tl.gif) no-repeat top left;
}
.roundedcornrtoporange {
   background: transparent url(../images/roundedcornr190406tr.gif) no-repeat top right;
}
.roundedcornrbottomorange div {
   background: url(../images/roundedcornr190406bl.gif) no-repeat bottom left;
}
.roundedcornrbottomorange {
   background: transparent url(../images/roundedcornr190406br.gif) no-repeat bottom right;
}

.roundedcornrtoporange div, .roundedcornrtoporange,
.roundedcornrbottomorange div, .roundedcornrbottomorange {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornrcontentorange { margin: 0 10px; } 


Many thanks in advance