|
HTML - Multiple Search Options/headache
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> Similar TutorialsThe tutorial on how to make a search form with multiple search options was excellent! http://www.mediacollege.com/internet...ti-search.html However, is it possible to use radio buttons instead of a drop-down list? Can someone be kind enough to show me the code for it? Million thanks. 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 Hi, I want to make a search box on my website. The thing is that I would like the search bar to be able to search on multiple search engines. For example I can type a movie in the search field and then I can select if I want to search for the movie either on google or on IMDb. I want it to look like this: http://subtext.no/kjartan/charlie/searchbox.png If anyone could help me get this kind of searchbox it would be great. Thanks in reaply. I am trying to create a FORM with multiple option radio buttons. Basically this is a ready script I found on the internet. I have tried to customize it but there is a slight problem which I have been unable to fix after a lot of tries. In the below code, I am trying to open the following URLs on submit. http://www.pixmac.com/pictures/"searchterms"?a=kcalpesh http://www.crestock.com/image-keyword/"searchterms".aspx/112582/ In both the URLs the "searchterms" is dynamic and will be picked from the input box present in the form. PROBLEM PART! On submission, the URL that opens is only up to http://www.pixmac.com/pictures/"searchterms" and the affiliate ID after that gets missed. Same with the other URL on submission, the URL that opens is http://www.crestock.com/image-keyword/"searchterms" and again the affiliate ID gets missed out. Below is the complete page code for the FORM. Any help will be highly appreciated. I am not a coder and have very limited knowledge of HTML / Javascript!! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <script type="text/javascript"> function dosearch() { var sf=document.searchform; var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value); window.open(submitto); return false; } </script> </head> <body> <form name="searchform" onsubmit="dosearch();"> Search: <select name="sengines"> <option value="http://www.pixmac.com/pictures/"searchterms"?a=kcalpesh" selected="selected">Pixmac</option> <option value="http://www.crestock.com/image-keyword/"searchterms".aspx/112582/">Crestock</option> </select> For: <input name="searchterms" type="text"> <input name="SearchSubmit" value="Search" type="submit"> </form> </body> </html> Hi all, I have a query regarding HTML Radio Buttons. On a site I have created I am use radio button to allow visitors to search fot various files. Below is the code I have used. <input type="radio" name="searchIndex" value="HMD01"/> The "HMD01" is a field in my database. The user types in txt into a textbox and when they click a search button a function checks the "HMD01" field to see if any data matches what was in the textbox and displays the results if there are matches. What I am trying to do is that if the search found no matches in that field that it would search another field in the database to find a match. I thought the code would be something like the code below but that did not work. <input type="radio" name="searchIndex" value="HMD01, PRD03"/> The "PRD03" field contains the same type of information as "HMD01" but is stored in a different table. I want to be able to search "HMD01" for a match then search "PRD03" with the same parameters. Any help would be greatly appreciated. Thanks Towsie I have a problem with the space between the navigation bar's buttons and the image above them. More exactly, I didn't write my buttons like that: HTML Code: <img src="..." /><img src="..." /><img src="..." /> But like that: HTML Code: <img src="..." /> <img src="..." /> <img src="..." /> So the images got spaces between them. To get rid of the spaces, I used a CSS like this: Code: img {
margin: -2px;
}
It looks perfect in both Chrome and Safari, but in Firefox and Opera, there is the small gap that I talked about (a 1px distance between the navigation bar and the image above it). Click here to go to the HTML page. Click here to go to the CSS stylesheet. (I also use this one for CSS reset and this one for styling the embedded Tumblr blog.) And if you want to see the exact problem... This is how it looks in Chrome: And this is how it looks in Firefox (1px space just above buttons, and also 1px between the buttons "Mediere" and "Activitate"): Thank you very much, and have a great day! I find that the use of z-index depands a lot on other functions you use/or not. ANyways, it has failed me yet again, cant seem to figure out why.. the thing is ive re-written the page withou using the position: tag.. its awesome, just the z-index crap. The picture which isnt complying is the wit-vak-pilates png : HTML Code: .style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #000000;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style6 {font-size: 14px}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
a:link {color: #000000;}
a:visited{color:#009;}
a:hover {color: #000000;}
.ROOD {color:#F00}
.style10 {color: #FFFFFF}
.style14 {font-family:"verdana"; font-size: 13px; color: #000000; text-align:center; }
#BOX{
width: 360px; height:302px;
background-color: #ffffff;
border: 2px double #333;
padding: 15px;
font-family:'verdana';
font-size:14px;
z-index:2;
margin-left: auto;
margin-right: auto;
}
div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 100px;
text-align: right;
}
div.row span.formw {
float: right;
width: 235px;
text-align: left;
}
div.spacer {
clear: both;
}
#wit-vak-pilates {
margin-top:-186px;
margin-right: auto;
margin-left:auto;
z-index:-1;
}
#CR {
text-align:center;
z-index:3;
margin-top:149px;
margin-left:5px;
}
#back{
width:16px;
height:16px;
background-image:url(pics/back.png);
background-repeat:no-repeat;
z-index:2;
margin-top:0px;
margin-left:-32px;
}
#back:hover {
background-position:0 -16px;
z-index:2;
}
For example, this scenario: 1. My page contains the text "giraffes in corduroys" 2. somebody googles that text - either as a phrase or just the words 3. google points them to my page 4. the user clicks to go to my page... Is there any way to determine that it was the text "giraffes in corduroys" which brought them to my page? Would the crux be getting the previous URL in the browser history? Hi all, Could someone please take a look at this website: http://www.jameslusbymusic.com/ and tell me how to sort out the main content of the home page? The problem is that the <div id="right"> "News" content is before the <div id="left"> in the html file so it is pushing the left bit down lower than the news bit if that makes sense. This only seems to happen on some browsers and doesn't affect my Firefox. The problem is, no matter what I do to it I can't get it all to line up properly if I move it! Before I can tidy up the rest of the page I really need to get this sorted. So any help greatly appreciated. Many thanks. ello everyone. I'm looking for a new way to display information effectively and neatly on my website. I have looked into tables ( which I am not a fan of ), also Javascript displaying clickable tabs allowing information to be displayed when tabs are clicked. My website is animal related so i need to be able to display somewhat like shown below; Does anyone have any other ideas of how I could display this information without making my website look rubbish? Thanks Jake Hi All, I would like to create a drop down box that contains number 1-50. I know I can do this using the following <option value="1">1</option> <option value="2">2</option> Can someone tell me a method for doing his a better way rather than having 50 option values? p.s is the speaking advert at the bottom of this forum the most annoying thing ever. Does nothing for me as a new site visitors other than make me want to leave. I have turned the sound off now but its real pants. Thanks all Kind Regards wedmonds I have a menu bar, viewable at http://muskmagazine.com/february/index.html, where I want some columns not to have a hyperlink but to keep the default cursor. I have tried not including the href but this then changes the cursor from default. Not being to savvy with HTML I could do with some help. Thanks Justin Sample menu code: <li><a href="#">about us</a> <ul> <li><a href="pressrelease.html">press releases</a> <li><a href="letterstoeditor.html">letters to the editor</a> <li><a href="newsletter.html">newsletter</a> <li><a href="contact.html">contact</a> <li><a href="aboutus.html">mission statement</a> </ul> </li> css code: http://muskmagazine.com/february/menu/fsmenu.css Hi, I am wanting to impliment a feature where I can install a search box on my website that will search anothers content. Basically I have two sites, one has thousands of sound effects on it, the other is more of a portal site. On the portal site I want to add a search box that will link into the other sites database so that the user would navigate away from the portal site and be taken to the stabndard search results page of the main site based on thier queory. Is there any code that anyone knows of to do this? Thanks all! Hi...not sure if this is the proper place to post this or not. I'm trying to do two things...first: I'm trying to set up a search box in frame 1 that will search, scroll to and highlight text in frame 2. Is this possible? I've been searching around for days looking for answers, and have so far come up short. I managed to create a search box in frame 1 that reloads frame 2, but that's not really what I'm after. ---------------------------- Now for the second thing I'm looking to do (along the same lines): I want to click a link in frame 1 that scrolls to a target in frame 2 and highlights it. The target is a word in the middle of a paragraph. Any help would be appreciated. I'm pretty green, so treat me like a beginner. Thanks so much! Hi guys, Can someone please help me with what to do with my forms; I have a form built that when someone clicks submit I want a number of actions to occur: - The information they provided to be emailed to me somehow - A message to pop up saying that the form was successfully submitted. - And to redirect them back to my home page. How do I do this?? What code do I need to use?? And is there some way that I can get the filled out form emailed to me without them having to send it?? (i.e. not using "mailto") Any help here would be really appreciated. Thanks, TroubleShooter..."yeah right!" Hi All! I'm using the Option Group/ optgroup/ Select features within a form and would like to initially display all options without having to click the arrow button to "reveal" the selections. I can't seem to find the option to allow this. Of course I can switch to a hyperlinked list, but have made extensive Option Group and would like to continue to use them. Thanks in advance!! I have a SELECT selection list (standard code), in a form which is 200px wide (located in the sidebar of a web page). Some of the OPTION elements in the list can be quite long. In FF, this isn't a problem as when you click on the dropdown arrow, the dropdown box is widened so each option text can be seen fully. But in IE, the dropdown box is limited to 200px wide, so you can't fully see some of the options. Is there any way to solve so you can fully see the options in IE? Thanks, James Hi, Is it possible in HTML to have the list box <select >, with some of the option with different Font , may be just BOLD or italic will do my job. This is because i want to separate some option with others. Like: tableName1 ColumnName1 ColumnName2 ColumnName3 tableName2 ColumnName1 ColumnName2 ColumnName3 I want to display these in LIST box, it will be good if tablename are in BOLD or in different Font. Also i have to make them unclickable. Right Now i am doing this via: but this approach is not looking good Code: function selectionChange( selectElementID ){
if ( document.getElementById( selectElementID ) )
{
var selectBox = document.getElementById( selectElementID ) ;
if ( selectBox.options[ selectBox.selectedIndex ].value == "unSelectable" ){
alert ( "Select any Table, not the Schema " );
selectBox.selectedIndex = -1;
}
}else{
alert ( "Debug: check the code given id: '" + selectElementID + "' is not valid." );
}
}
Thanks Rakesh Juyal Hello All! Is there a way to specify "no-indent" on the <optgroup> tag. When using this tag, all the options get indented and it wastes a lot of space on the screen. Any ideas would be great. Example: <select name="blah"> <optgroup label="hello"> <option style="color: #ff0000" value="test">test</option </optgroup> </select> as you can see, the style tag works for color, but I can't find any css that will put the indent to zero. thanks. I have a select option that I want to categorize the values for. I want a space (if possible) between the categories and I want to show the category heading before the options for each category. The "value" for the non-heading options is a unique id that I get from an array taken from a database. I am populating the select using an asp for loop. Here is an example: Code: <select>
<%For i = 0 to UBound(Controls, 2) - 1)%>
<option value="<%=Controls(0, i)%>"><%=Controls(1, i)%></option>
<%Next%>
</select>
Any idea on how I can do this? Thanks a ton in advance!!! |
|||||||