|
HTML - Search Bar And Button
Hi,
I am trying to create a search bar & button, where clicking the Search button takes the user to another site with the result of the search. I have the search bar background, and both the search button regular background and background when mouseover. I've tried putting various pieces of code together (found online) but the joint results were not particularly successful. Code: <head>
<title>Website with a search bar</title>
<style type="text/css">
<!--
.fieldHolder {
width: 239px;
height: 24px;
background:url(images/Search_bar.jpg) no-repeat;
float: right;
}
.textInput {
width: 235px;
height: 20px;
background: none;
border: none;
colour: #000000;
margin-top: 5px;
margin-left: 5px;
float: left
}
//-->
</style>
</head>
<body>
<form action="http://www.external_website.com/quicksearch/" method="post" style="margin-top:20px; margin-right:10px">
<div class="fieldHolder">
<input type="text" name="quicksearch" class="textInput"/>
<a href="javascript:document.myform.submit()"
onmouseover="document.myform.sub_but.src='buttons/Search_Button_H.jpg'"
onmouseout="document.myform.sub_but.src='buttons/Search_Button_A.jpg'"
onclick="return val_form_this_page()">
<img src="buttons/Search_Button_A.jpg" width="63" height="24" border="0" alt="Submit this form" name="sub_but" />
</a>
</div>
</form>
</body>
Similar TutorialsI'm trying to have my search box and search button aligned but I can't seem to get it working. Whenever I try to move one vertically, both of them end up moving and I'm all out of ideas. Here is the code: Code: <script src="http://supportforms.epnet.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
<form action="" method="post" onsubmit="return ebscoHostSearchGo(this);"><input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" /> <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1&custid=S6281220&groupid=Main&profid=EDS&mode=bool&cli0=FR&clv0=Y&cli1=RV&clv1=Y&cli2=PT82&clv2=(PT+Academic+Journal+or+PT+Periodical+or+PT+Trade+Publication)%7e(PT+Book+or+PT+Almanac+or+PT+ebook+or+PT+audiobook)%7e(PT+Newspaper+or+PT+NEWSP+or+PT+Newswire+or+PT+WIRES)&lang=en&authtype=guest" /> <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="url" /> <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" /> <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />
<div style="background-image: url('http://i.imgur.com/Wjilo.jpg'); background-repeat: no-repeat; width: 900px; height: 600px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; color: #353535;">
<div style="padding-top: 249px; padding-left: 70px;"><span style="font-weight: bold;" ></span>
<div>
<input id="ebscohostsearchtext" name="ebscohostsearchtext" type="text" size="23" style="font-size: 16pt; padding-right: 340px; height: 50px;">
<button type="submit" style="border: 0; background: transparent;"><img src="http://i.imgur.com/nYPoa.png" width="145" hspace="25" alt="submit" />
</div>
</div>
</div>
</form>
Hi there, I'm a complete HMTL newbie and have been trying to make a basic website. I've got the below code for a search box/button working, but can't figure out how to correctly customise it. I need to replace the grey search button with an image (to perform the same search function still). I'd also like to change the colour of the search box background to grey & the text the user types to white. Any help would be greatly appreciated as I've been going round in circles for a while. HTML Code: <div id="site_search_3" style="position: absolute; top:541px; left:232px; width:250px; height:22px;"> <form onSubmit="return false;" style="margin: 0; padding: 0;"> <input id="site_search_3_input" name="site_search_3_input" onkeypress="if (event.keyCode==13) window.location.href='page2.html?site_se... style="width: 178px; " type="text" > <div style="display: inline"> <button onclick="window.location.href='page2.htm... style="width: 60px; " >Search</button></div> </form></div> 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 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...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, 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, 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 creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin I'm using IE8 to test Hi, I'm trying to add a google search box (in a table) to my web page, but for some reason it the input button links to the page I am currently on. The strange part is that I put the same exact code in another cell right next to the other google search box and that one works wonderfully while the first one still links to the current page. It is the same with any search engine (yahoo, bing, ask), the first search box links to the current page and the rest work great. Here is the code I use: Code: <form method="get" action="http://www.google.com/search">
<input style="width:140px" type="text" name="q" size="31" maxlength="255" value="" /><br />
<input type="submit" value="Google Search" />
</form>
Can you please help me? I am making a website in MS SharePonit designer 2007. The site will be in 2 languages, Croatian and English. On the home page of the site I have put two radio buttons to give the choice to go to English version or Croatian version. And below those 2 radio buttons i want to put a button with text "ENTER SITE". But I don't know how to do this: If the Croatian radio button is checked, a click on the "ENTER SITE" must take you to the Croatian version of the site, and if English radio button is checked, click on "ENTER SITE" must take you to the English version. Can you please tell me how to do that? I need html code of an ad with close button and I also need html code of floating ad with close button.If someone knows how to do it , please post html. Hi, I am trying to make a search bar, that when i write a keyword the results appear as videos of video/tube sites like youtube, metacafe.. etc Like i want to add a search bar on my site, when i write a keyword "family" for example, it gives me all the "family" results that youtube, metacafe.. etc would give me .. How can i do that? Am making a useful site to search all in one, I need help please, thanks in advance.. I am working of a website and i am having a little trouble with getting the search bar and the nav bar to align correctly. If you think you can help please send me an AIM at weroll04 . or reply back to this post. http://69.49.183.11/ Thanks Darryl All the inputs I have ever made have been using the simple html
HTML Code: <form><input type='text'> sort of commands, though i have got to the point where i would like to learn how to make a search box like the big one in the middle of the page found at http://www.cafepress.com.au/. How does this search bar work? What I need is to create two input boxes in html: 1 needs to be a drop down menu 2 the other needs to be a text box From those, the info in the two inputs will be thrown into a new page as the address, along with other information. How can this happen? code is preferred. How do I amend the following code to remove everything apart from the actual search box and the 'Google Search' button? When I insert the code into a web page, I don't want to see the radio buttons or the words next to them but I want to keep the functionality. <form method="get" action="http://www.google.com/search"> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="submit" value="Google Search" /> <input type="radio" name="sitesearch" value="" /> The Web <input type="radio" name="sitesearch" value="askdavetaylor.com" checked /> Ask Dave Taylor<br /> </form> Thanks. Ok, I am trying to make a trading card store, and i need the code for making a search box to search through all the cards. help please. Hi guys I am making a website for my real estate business; preaty much everything is done, now I need to add search in it so that people can search my website. I hope you guys understand my question?? Please help me out. I've designed a search bar in Photoshop (well a whole site, it's all sliced up). But how do I make the box actually search my website? I can provide a printscreen of my site and (or) the HTML code. Thanks in advance. |
|||||||