HTML - How To Make A Quick Searhing From Select List ?
Hi girls and guys, I have confront a problem regarding the select menu list. From an example, have 1000 customer name records in the select list, I try to scroll down the list and select one of them only. So it may spend some time to look through the 1000 customer name records and select only one customer name.
Any ways or solution can solve this kinds of messy works? Thank you. Similar TutorialsHow can I make a list in HTML like so... Name: Charles Steve Mike James James Johnson Marcus Willis All the names should be aligned straight down aligned properly with the first name "Charles" for some reason this forumn does not show post the way i wrote it I am having a problem with IE7 rendering this page's last two select boxes. It renders fine in Firefox. It doesn't seem to like the height properties of the select boxes being set to percentages. Thanks in advance HTML Code: <!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>BLAH BLAH BLAH, WEIRD IE BEHAVIOUR</title> </head> <body id="bodyBODY"> <form name="frmFORM" id="frmFORM"> <table align="center" width="100%" height="800px" border="1"> <tr> <td style="width: 30%; text-align: center; vertical-align: top; height: 90%;"> <div> TITLE 1<br /> </div> <select name="select1" size="2" id="select1" style="height: 90%; width: 100%;"> <option value="00023">00023</option> <option value="04988">04988</option> <option value="05560">05560</option> <option value="05565">05565</option> <option value="05915">05915</option> <option value="05M">05M</option> <option value="06970">06970</option> <option value="07M">07M</option> <option value="09015">09015</option> <option value="09020">09020</option> <option value="09030">09030</option> <option value="09065">09065</option> <option value="09275">09275</option> <option value="09330">09330</option> <option value="09335">09335</option> <option value="09340">09340</option> <option value="09441">09441</option> <option value="09442">09442</option> <option value="09491">09491</option> <option value="09615">09615</option> <option value="09763">09763</option> <option value="09810">09810</option> </select> </td> <td style="width: 30%; text-align: center; vertical-align: top;"> <div> TITLE 2<br /> </div> <select name="select2" id="select2" size="2" style="height: 90%; width: 100%;"> <option value="09330">09330</option> <option value="09335">09335</option> <option value="09340">09340</option> <option value="09441">09441</option> <option value="09442">09442</option> </select> </td> <td style="width: 40%; text-align: center; vertical-align: top;"> <div> TITLE 3<br /> </div> <select name="select3" id="select3" style="height:90%;width:100%;" size="2"> <option value="A-008FXD">A-008FXD</option> <option value="A-1251BOLTE">A-1251BOLTE</option> <option value="A-1251F31">A-1251F31</option> <option value="A-6901RW7">A-6901RW7</option> <option value="A-6901RW8">A-6901RW8</option> <option value="A-6901RW9">A-6901RW9</option> <option value="A-6901SA1">A-6901SA1</option> <option value="A-6901SA2">A-6901SA2</option> <option value="G-813R0070">G-813R0070</option> <option value="G-813R0127">G-813R0127</option> <option value="G-813R0174">G-813R0174</option> <option value="G-813R0192">G-813R0192</option> <option value="G-813R6500">G-813R6500</option> <option value="G-813RDJX">G-813RDJX</option> <option value="G-813RGEL">G-813RGEL</option> <option value="G-813RICM2">G-813RICM2</option> <option value="G-813RLIQD">G-813RLIQD</option> <option value="G-813ROPT">G-813ROPT</option> <option value="G-813RPCC">G-813RPCC</option> <option value="G-813RQTM">G-813RQTM</option> <option value="G-813RTAB">G-813RTAB</option> </select> </td> </tr> </table> </form> </body> </html> hi guys, I have a form with HTML Code: <select name="myOnClick" onChange="DoSubmission()"> <option value="1">Year 1 </option> <option value="2">Year 2</option> <option value="5">Year 5</option> <option value="10">Year 10</option> <option value="25">Year 25</option> </select> when the user clicks on one of these, it refreshes the page and updates a variable somewhere bsaed on the value. However when it refreshes the value showing is always Year 1. I want it to show the option they have just clicked. Anyone know the code that allows you to choose which one shows up? I can then use php to script which one is selected. TIA How can I drop down a select list with onmouseover instead of clicking it. Select list cannot be clicked in javascript to emulate that. eg: onmouseover="(this.click())" Also setting the 'size of select list' = 'its length' in javascript does not accurately emulate the click event because the adjacent layout changes. I tried using z-index and position attribute but doesn't help. How do I make an expandable list? Example: not clicked: +link1<br> +link2<br> +link3 link2 clicked: +link1<br> +link2<br> -<a href="2-1.html">link2-1</a><br> -<a href="2-2.html">link2-2</a><br> link3 How do I get the selected item from a select option list? I dont need the value I need the text associated with the value. I can get the value with (in vbscript): strValue = .mylist.value Have searched google exhaustively to see how to do this simple thing but have found nothing. Thanks. I have a list of names in say a data base flat file, Do you know if there is a utility that will take and read per line and generate a html file? Hav'nt found anything as of yet but am wondering if someone could steer me in the right direction. thanks HTML Code: <div class="contactlistdiv"> <select multiple="yes" name="send" class="contactlistone" size="6"> <option value="1" >hello</option><option value="2" >gee</option><option value="3" >gluba</option></select> </div> I am creating a list like the one above. When I style it with CSS it wont let me select any options! E.g if i float left or right(float:right; ) with CSS it wont work. Where as if I place it absolutely somewhere it will work. Problem is to get it exaclty where I want i need to float it. I have tried placing it inside a relatively placed div absolutely but it still wont let me select. I have also tried styling both classes contactlistdiv and contactlistone but it doesnt make a difference. Any help appreciated. Thanks. So, I'm looking to make a drop down style menu that can be seen on all (or at least the vast vast majority) browsers/universal. Basically, I don't want anything too flashy, but I just have no idea to do any sort of dropdown list aside from the basic html menu and input type of thing. To give an example of something I'm trying to do, I made a simple picture. I'm not looking to make it with flash or anything fancy; as I said, it's really basic and I just want it to be text. Any help or links would be appreciated! Hi, I have a bit of a problem. I am learning HTML and CSS, and I am trying to make a simple menu withh a background button up state and a horizontal unordered list across, with a hover effect of a new bg image over the initial ones. Please help! Thanks in advance. Hi, is it possible that, to make select option to allow user enter the text...? user can choose from select option.. if did not in the list, then user might need to enter text. Anyone can help me? I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. I am making a website with a list inside list for my navigation bar. It looks good on safari(win/mac) and firefox but the list looks horrible in IE7.0(didnt check 6.0) I was wondering if anyone know what it could be HTML Code: Code: <div id="nav"> <img class="menupic" src="images/mainmenu.png" alt="Main Menu"/> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_findme.png" alt="findMe"/></a></li> <li> <ul class="navlinks"> <li><a href="#goto_facebook" id="facebook">- Facebook</a></li> <li><a href="#goto_myspace" id="myspace">- Myspace</a></li> <li><a href="#goto_youtube" id="youtube">- Youtube</a></li> </ul> </li> </ul> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_blog.png" alt="blog"/></a></li> <li> <ul class="navlinks"> <li><a href="#blogid2" id="blogid2">- Testing | May 01</a></li> <li><a href="#blogid1" id="blogid1">- Debut Album | Apr 30</a></li> <li><a href="#goto_blogarchive" id="blogarchive">- Archives</a></li> <li class="donthidethis"><ul class="navli donthidethiseither" style="padding:0;"> <li><a class="point" href="#">- Categories</a></li> <li><ul class="navlinks"> <li><a href="#goto_catid2" id="catid2">- Media</a></li><li><a href="#goto_catid1" id="catid1">- News</a></li><li><a href="#goto_catid3" id="catid3">- Off Topic</a></li><li><a href="#goto_catid4" id="catid4">- Tutorials</a></li> </ul></li> </ul></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_eliasmusictv.png" alt="eliasMusic Tv"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="coming">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_about.png" alt="about"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_biography" id="biography">- biography</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_links.png" alt="links"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="links">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_contact.png" alt="contact"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_contact" id="contactpage">contactForm</a></li> </ul></li> </ul> CSS Code: Code: #nav { float:right; width:195px; padding-left:20px; background:url("images/navback.png"); } #nav ul { list-style: none; margin-left:1px; border: none; } #nav .navli { padding-top:3px; padding-bottom:3px; } #nav .navlinks { padding-left:25px; } #nav .navlinks a,a:link { color:#262626; } #nav .navli img { margin-top:5px; margin-bottom:5px; } #nav .navlinks a:hover { color:#dadada; } #nav img.menupic { margin:20px 10px 5px 95px; } #nav a { font-size:14px; display:block; } #nav a.point { font-size:14px; font-weight:bold; } .navliover { background:url("images/navhover.jpg"); } Any help at all would be appriciated please I can show u the website via Private message if you are interested in helping Thanks in advance Reply With Quote How would you do the following: I need a code or idea for a code wherein when a link is clicked, it will send the clicker to a random page selected from a list of URLs. I need this with the utmost fastity. Thank you. EDIT: I Realize now that my title is obnoxious. hi there ive just created some buttons in photoshop and inserted them into my website i want the buttons to be together but there is space between them. this isnt a photoshop problem. is there a way i can get them together? please see http://geocities.com/stuartlittle13/home5.html to see my example any help would be greatly appreciated stu I have a wordpress blog I need a little help with. In my navbar I have a link called "Dog Food Review". I want it so when people put their mouse over that link a drop down menu comes down and list my links under my Blogroll.. specifically the ones under Dog Food Reviews. i want to change this html that instead of the text element the script "copy" will copy to the clipboard the current URL. I've tried to call it with location.href but with no luck. Code: <form name="formtocopy" action=""> <textarea name="texttocopy"> A whole bunch of text here that will be copied. </textarea> <br> <a href="javascript:copy(document.formtocopy.texttocopy);">copy</a> </form> thanks Ok, I am working on something and basically what I need to figure out is how I can make a REALLY SIMPLE chat room something like so: In another programming language let's say I post something like username:hi , now what I need is like a text list so people can chat, but it doesn't have to be live, i want it to be refreshed to see new content. I hope someone understands this, and if so, mind helping me get this done? It should just be in plane text, so i can connect to my website and parse the data, thanks. Hi, very simply, we are looking for someone who can alter the enquirey form from www.ecfunctionbands.com/quote.html to act more like the Wufoo form at http://www.blackandgoldfunctions.com/enquiry.html The features we like from the wufoo form a - Looks generally more clean and trustworthy, - the backlight effect when in that particular box - The date box is formatted as a date where you can select from a calendar Our form intergrates directly to ZOHO CRM, so all fields would still need to work correctly and send all data to this site. Please let me know a quote and turn around time, Many Thanks Ben Rogers |