|
HTML - Html Dropdown & Search Form Help
I am just getting back into html and im already having a few problems. I am making this website for my parents to help promote their new college and so far its look excellent except for the fact that I cant get this pesky search and dropdown list to align right.
www.xgenservers.com/CFC/2/index.htm The site works perfectly in Mozilla Firefox, but I cannot get it to shape out right in Internet Explorer. I could really use a helping hand on this one, thanks a ton . Similar TutorialsI'm a noob so please forgive me if this is a stupid question or if the info is listed somewhere else. I really did try and find it on my own. I'm trying to make a simple website that incorporates amazon's free "astore". It has a search function included in the sidebar already but i don't like it and really want to set up my own. I found this search box code: Quote: <form action="http://astore.amazon.com/adbabel-20/search" method="get" target="_blank"> <input name="node" value="8" type="hidden"> <input name="keywords" size="12" value="" type="text"> <button type="submit" >Search</button> </form> it works well but is limited to searching only one category in my store (i have several). each category is assigned a "node" number. By changing the node value in the code I can change which category the box searches. I want to create a drop down list that, upon selection, changes the node value and thus the category that is to be searched. Can anyone let me know how this might be done? Hi, I am having a problem. I have a HTML table on my webpage but I am having trouble searching it from my main homepage using a HTML form. The html form on the homepage is: <html> <body> <form method="post" action="http://www.example.com/sites/default/files/html_table.html" <input type="text" size="30" maxlength="1000" value="" id="textBoxSearch" onkeyup="tableSearch.search(event);" /> <input type="submit" value="Search" onclick="tableSearch.runSearch();" /> </body> </html> I have a search working fine on the html page and javascript functions conducting the search as shown he <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>JavaScript Search</title> <style type="text/css"> body { font-family: Arial; font-size: 11px; } td { font-family: Arial; font-size: 11px; } th { font-family: Arial; font-size: 11px; background-color: #c8c8c8; } input { font-family: Arial; font-size: 11px; } </style> <script language="javascript" type="text/javascript"> //define the table search as an object, which can implement both functions and properties window.tableSearch = {}; //initialize the search, setup the current object tableSearch.init = function() { //define the properties I want on the tableSearch object this.Rows = document.getElementById('data').getElementsByTagName('TR'); this.RowsLength = tableSearch.Rows.length; this.RowsText = []; //loop through the table and add the data to for (var i = 0; i < tableSearch.RowsLength; i++) { this.RowsText[i] = (tableSearch.Rows[i].innerText) ? tableSearch.Rows[i].innerText.toUpperCase() : tableSearch.Rows[i].textContent.toUpperCase(); } } //onlys shows the relevant rows as determined by the search string tableSearch.runSearch = function() { //get the search term this.Term = document.getElementById('textBoxSearch').value.toUpperCase(); //loop through the rows and hide rows that do not match the search query for (var i = 0, row; row = this.Rows[i], rowText = this.RowsText[i]; i++) { row.style.display = ((rowText.indexOf(this.Term) != -1) || this.Term === '') ? '' : 'none'; } } //runs the search tableSearch.search = function(e) { //checks if the user pressed the enter key, and if they did then run the search var keycode; if (window.event) { keycode = window.event.keyCode; } else if (e) { keycode = e.which; } else { return false; } if (keycode == 13) { tableSearch.runSearch(); } else { return false; } } </script> </head> <body onload="tableSearch.init();"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <input type="text" size="30" maxlength="1000" value="" id="textBoxSearch" onkeyup="tableSearch.search(event);" /> <input type="button" value="Search" onclick="tableSearch.runSearch();" /> </td> </tr> </tbody> </table> <br /> <table border="1" cellpadding="2" cellspacing="0"> <tr> <th>ID</th> <th>First Name</th> <th>Surname</th> <th>Website</th> </tr> <tbody id="data"> <tr> <td>1</td> <td>Heathesh</td> <td>Bhandari</td> <td><a href="http://heathesh.com">http://heathesh.com</a></td> </tr> <tr> <td>2</td> <td>Candice</td> <td>David</td> <td><a href="http://candicedavid.com">http://candicedavid.com</a></td> </tr> </tbody> </table> </body> </html> If anybody could help me please! I have run out of ideas Hello I have been asked by my manager to build our company website (www.cityends.com) My enquiry is this, how do i use html to creat a form which can search the current properties we have. And how would i go about creating a database which this form is able to read Any help is very much appreciated, i am very new to building websites, any comments on my current effort are also appreciated Thanks Mark Hey! What's the easiet way to create a link, and when it's pressed a little login form dropsdown from the link? Cheers / DiNozzo I have a drop down box of a fixed width. That drop down box needs to contain some values that are longer than the desired width. I'm happy for those values to be truncated, but I would like to display the full text in a tooltip (one that I could format to be a multi-lined one) as the option is hovered over (not after you select an option). Does anyone know if there's an event that's generated when scrolling through the options of a drop down box? I am trying to build a simple, compliant HTML dropdown menu that allows users to click a "go" button which will act as a link to a new page. In my site a user rolls down to the correct state and then hits the go button. This sends the user to a web page for that state. Maybe what I'm trying to do is so easy that nobody ever thought to explain it. But I can't find an answer anywhere. Here is a basic version of my code. Thanks in advance for any help!!!!! Code: <form action=""> <select name="states"> <option value="alabama.html">Alabama</option> <option value="Alaska.html">Alaska</option> <option value="Arizona.html" selected="selected">Arizona</option> </select> <input type="submit" value="Go"> </form> Hey guys, I'm having a little problem. My client is being very picky and he doesn't like the way his "form dropdown box unfurls". I did some research and I can't seem to find a way to changed the speed or way that the dropdown box drops down. Can someone help me out? Thank in advance! Aaron Hey guys Was hoping someone could help me with a little HTML problem. I have two pages - lets call them home and page1. On page1 i have a dropdown list with products in it and on the home page i have a list of "popular products" (which are included in the dropdown list). I am trying to make it so that when a customer clicks one of the "popular products" from the homepage, it links them to page1 and automatically selects the product from the dropdown. The name of the dropdown menu is "products" so i tried using the link "page1.html#products#product1" but this just links to page one and nothing else. Yet if the link is "page1.html#products" then it links to page1 and highlights the products dropdown menu - but does not select anything. I would really appreciate any help with this. thanks mckeegan375. Hello all, I have created a dropdown list in a form using the <select> tag. My question is, is there any way to have that dropdown list display a different <option> as the default option when the page loads? The default option right now is always whatever option is the first one in my code. EX. <select> <option value="1">1</option> //by default this first option shows up on page load <option value="2">2</option> <option value="3">3</option> //can I have this option show up instead by default? </select> Thanks in advance. Here is a link to what I am working on now... http://209.97.201.191/ If you notice the drop down menus they disappear, or only partially show when using Firefox. In IE they work perfect. I have never come across this problem before. Any ideas as to what is causing it? Hi All, I have search box on my web page. I wanted to have that in such way that it should be divided into 3 part. i.e. left section, middle section (it will have input text), right section (clickable button). can anyone help me to code for me in html. its urgent. Thanks in advance. Find the attached searchbox button. Please tell me how to implement search box in website. Hi all, I would like to have add a search functionality to my site. It would allow the users would enter a phrase and the entire web site's html would be searched to see if this phrase exists. Does anyone know of any existing code or module that does this? Something Java based would prefereable. Thanks in advance for any help, Jehan Hello everyone, In my company we have a server to which everyone is connected. Since we use a large panel of legal texts, someone compiled them and listed them in a word doc with hyperlinks that lead to PDFs. He then saved the doc as HTML and put the entire 'database' into a folder located on the server. The html doc appears in Firefox on each PC of ours as a link and since we all have access to the common server it is like a local website. Quite simple and easy to use. I would like to add a search field to the document that would enable us to search directly in the folder that includes all the pdfs and inside those documents. Since I know very little in html I am not even sure if it is possible. Great thanks for your help! Looking forward to hear from someone... 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! Unfortunately my website has to work in an offline mode too so no online solution is possible. The javascript engine cchana linked is unfortunately very limited and pretty much useless. I made update to the HTML code of an website. After update, I searched a content in google. Still google searches the previous HTML content in search results. If I open the search result, new updated HTMl code is displayed. My question is how to remove completely the information more google search results. Please help. I'm in need of a software that searches text in html files and replaces them ignoring the html tags. As example replace 1 with <b>1.</b> it should ignore tags like color="111111" and not make color="<b>1.</b><b>1.</b><b>1.</b><b>1.</b><b>1.</b><b>1.</b>" out of it. Hi there, quite a lame question i think.. Anyone have on idea on a script, (which i believe should be quite simple) which can extract the line from an csv file and show ot in a html page at search request. In more details it should look like this : somebody enters some word in simple html search form and pushes search button, the script searches through the csv file and copies whole line with matchin word in the web page. Or maybe there is a simplier way, since csv file can be converter to any other format... Thanks in advance. |
|||||||