HTML - Simple Search Box
I have a simple html search box like the below one on my website
<form method="get" action="http://www.site.com"> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="submit" value="Search" /> </form> When searching two words like "word1 word2" the result on the url is "word1+word2", but I need to have it as "word1_word2". In fact, I just want to attach the search terms at the end of my url to reach the present pages. Thanks for your help Similar TutorialsFor 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, 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, 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'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> 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> Hey. So I'm pretty good at stuff in general, my problem is that I do not have extensive experience with HTML/CSS so I don't know the best way to do this, or where to look for a way to do this. Basically, I want my layout to be like this: http://people.virginia.edu/~eee2a/Welcome.html in that I want there to be gray space on the side and a middle that scrolls. super simple right? I just don't know how to do it, and I don't know the best keywords to use on google for it. Thanks. Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, 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.. 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. 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. 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? 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 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. 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'm new here but going to stick around as I could learn a lot Anyway, I have my search code which I have moved from the sidebar into the banner, but I need to move it down a little bit and to the right so it's more in the center. Here is what it looks like at the moment: Here is the code: Code: <form action="<?php echo get_option('home'); ?>" method="get" id="searchform"> <input type="text" value="" size="" id="s" name="s"/> <input type="submit" onmouseover="style.cursor='pointer'" value="Search" style="cursor: pointer;"/> </form> It's in header.php in my Wordpress theme, but I have came across html values that can move stuff but not sure how to, any help would be appreciated!! Hey - I'm trying to fix a piece of code which will allow me to insert a Library Catalogue Search form in to my Institute's moodle. The form appears, but the search is not populated with the information input when I click search. I'm using the following code, and my catalogue page is: http://library.kcl.ac.uk/F/X1C8CFNNK...le_name=find-b HTML Code: <w:populate using="itemForEdit"> <form action="http://library.kcl.ac.uk/F/X1C8CFNNK32DAV3PAY9E1HTAQTU595XKRFJXY589I72VT6QR3V-48067?func=file&file_name=find-b" method="post"> <input type="hidden" name="Id" /> <table align="center"> <tbody> <tr> <td><label>Search: </label> </td> <td><input type="text" name="Name" /> </td> </tr> <tr> <td><label>Search by: </label> </td> <td> <select name="find_code"> <option value="WRD">All Words</option> <option value="WTI">Title words</option> <option value="WJT">Journal title words</option> <option value="WPE">Authors/Names</option> <option value="WME">Conferences</option> <option value="WCO">Organisations</option> <option value="WPF">Performers</option> <option value="WMU">Year of recording</option> <option value="WPT">Printers</option> <option value="WPV">Provenance</option> <option value="WPU">Publishers</option> <option value="WSE">Series</option> <option value="WSU">Subject words</option> <option value="WIB">ISBN</option> <option value="WIS">ISSN</option> <option value="WLN">Language</option> <option value="WYR">Year published</option> <option value="WCL">Collection code</option> <option value="WCK">Classmark</option> <option value="SYS">System number</option> <option value="BAR">Barcode</option> </select> </td> </tr> <tr> <td align="center" colspan="2"> <input type="submit" value="Search Library Catalogue" /> </td> </tr> </tbody> </table> <tags:hiddenoperationparam> </tags:hiddenoperationparam></form></w:populate> All suggestions much appreciated! 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> |