HTML - Simple? Select-form Hack?
I've seen it alot of places, though I cannot seem to get my hand on how it works (as I never think about checking the source when I DO see it!)..
How can I get one <select> field option to control another? Like, say I have a list with: 1 2 3 4 and a list with: A B C D ..and when I select "3" in the first list, I want the second list to AUTOMATICLY change to "C". How do I accomplish this? Similar TutorialsI've made an incredibly simple html page as an active desktop for a gpo policy, however there's been an uproar about colours so I thought I'd give it a stab to have a drop-down box to select from a range of colours for the body style tag. Any suggestions? <html> <head> <!--808080--> <title>ArchitenBG</title> <STYLE type="text/css"> body { background-color:#3A6EA5; } #div1 { position: absolute; size: 50%; bottom: 0px; right: 0px;} </STYLE> </head> <body> <div id="div1"><img src="Talbg.png" /></div> </body> </html> How to make a CSS hack for Internet Explorer 8? Thank you. How can I select the correct field in my "Select form field", once I know the value from php/mysql? PHP Code: $_SESSION['job'] = "FX"; Now I want to update the form to display the selected value... HTML Code: <select multiple="true" name="field"> <option value="FL" selected="true">Flash</option> <option value="FX">Flex</option> <option value="AJ">Ajax</option> <option value="PH">Php</option> <option value="HT">Html</option> <option value="JV">Java</option> <option value="CC">C++</option> </select> Hello All, I have recently founded a non-profit performing arts company (www.the roarkfaction.org). We'll be accepting members for $60 a year, payable at once or in monthly increments of $5.00. I've written this HTML code, which, paired with a simple PHP script, sends me an e-mail with details entered: <form method="post" name="myemailform" action="FormToEmail.php"> <center> <p> <label>Your Full Name:</label> <input name="name" type="text" id="SNN" size="50"><br /> <label>E-Mail Address:</label> <input name="e-mail" type="text" id="e-mail" size="51"><br /> <label>Payment Preference:</label> <input type="checkbox" name="yearly" id="yearly" /> <label for="yearly">$60 Once for One Year</label> <input type="checkbox" name="monthly" id="mointhly" /> <label for="monthly">$5 a Month, For One Year</label> <br /> <label for="paymeth">Payment Method</label> <select name="paymeth" id="paymeth"> <option value="1">Please Select One</option> <option value="cash">Cash</option> <option value="check">Check</option> <option value="cc">Credit Card</option> <option value="mo">Money Order</option> <option value="pp">PayPal</option> </select> <br /> <br /><br /> <center>Click Below to Submit Your Request</center> <center><input type="submit" name="submit" id="submit" value="Submit"> </center></form> What I'd like to do, though, is have it so if the user chooses "Credit Card" or "Paypal", upon clicking submit the e-mail is still generated, but a _blank is opened to our Paypal page. I have no idea how to do this. Any suggestions would be greatly appreciated. Regards, Samuel Is there any way to limit the selection form a multiple select box to a certain number. <select multiple="multiple" size="5"> <option>Beer</option> <option>Vodka</option> <option>Guinness</option> <option>Sambuca</option> </select> How can I stop people selecting more than 2 options? Cheers in advance for the help. Hey, Using PHP and MySQL but I thought this problem is more suited to HTML (admin, please move if its not). I have a drop down select form which I want to automatically change the page once the user has selected it. Like a home page of a company and you choose the country, when it automatically goes to the appropirate page. Any ideas of how to do this? Thanks, Hey, just a quick question... How would i go about using an image as a select option in a form? i know its possible as ive seen it around on a few sites before, but im not sure how to do it myself. tried the obvious: <select name="stars"> <option value="1"><img src="MYIMAGE"></option> </select> but oviously that doesnt work. any help would be greatly appreciated. Hello All, I'm creating a form which has got several parts, divided by tables, which are radio buttons, check boxes etc. All the radio button tables work well with the exception of one where it lets you choose all three options or two, as if they were checkboxes. The code is: PHP Code: <div class="roundedcornrboxorange"> <div class="roundedcornrtoporange"><div></div></div> <div class="roundedcornrcontentorange"> <table width="100%"> <tr> <td colspan="3"><h3>Which level do you think you're currently are?</h3></td> </tr> <tr> <td width="30%"><input type="radio" name="level[beginner]" id="beginner" value="1"/> Beginner</td> <td width="30%"><input type="radio" name="level[intermediate]" id="intermediate" value="1"/> Intermediate</td> <td width="30%"><input type="radio" name="level[advanced]" id="advanced" value="1"/> Advanced</td> </tr> </table> </div> <div class="roundedcornrbottomorange"><div></div></div> </div> Does anyone have an idea what could be going wrong? The css (in case it helps) is: PHP Code: .roundedcornrboxorange { margin: 5px 0 0 0; width: 800px; clear: both; background: #ff7b06 url(../images/roundedcornr190406grad.gif) repeat-x top left; } .roundedcornrtoporange div { background: url(../images/roundedcornr190406tl.gif) no-repeat top left; } .roundedcornrtoporange { background: transparent url(../images/roundedcornr190406tr.gif) no-repeat top right; } .roundedcornrbottomorange div { background: url(../images/roundedcornr190406bl.gif) no-repeat bottom left; } .roundedcornrbottomorange { background: transparent url(../images/roundedcornr190406br.gif) no-repeat bottom right; } .roundedcornrtoporange div, .roundedcornrtoporange, .roundedcornrbottomorange div, .roundedcornrbottomorange { width: 100%; height: 10px; font-size: 1px; } .roundedcornrcontentorange { margin: 0 10px; } Many thanks in advance I'm developing a website at http://beta.ponderosatreeservice.com and use some background PNG's with transparency. I'm using a hack right now which allows an embedded image to display correctly but it doesn't work with background images. I've found a few hacks online which I haven't tried but I was wondering if there was any type of consensus here as too which hack is the best for background PNG images. Hi All, I've been asked to make some hyperlinks that automatically select items in a drop down menu in a contact form. Is this possible if so, how is it done Thanks in advance Bluestreak 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. Hi I have a website I'm working on that relies on transparent PNGs. The website is: http://www.percept.com.au/testing/planeteve/index1.html I have used the IE hack IE PNG Fix ( http://www.twinhelix.com/css/iepngfix/) which is working well, except it flashes a white background up while the transparency loads - which looks really ugly. It is really important I can fix this flash of white, so if anyone can help me, it would be greatly appreciated. Thanks in advanced. Edit/Delete Message When you create a select form with a default size or a size of 1, the options (once you expand the form out by clicking it) that are moused over will be highlighted. I want that same effect on a select form with a size of 30. I imagine the solution lies in some javascript onmouseover function, but I couldn't find anything. Help? I need to create a simple form that tells a visitor they are leaving our site when a link to an external page is clicked. I would like the like to point to www.mysite.com/warn.asp or warn.html and have a second form recognize which link they clicked from the previous page and forward them there after a proceed link is clicked. This is as far as I have gotten and I am stuck already <form action="http://www.mysite.com/warn.asp" method="post" enctype="application/x-www-form-urlencoded" name="elink"> <a href="http://www.google.com/" onclick="document['elink'].submit()">google</a><br /> <a href="http://www.yahoo.com/" onclick="document['elink'].submit()">yahoo</a> <br /> <a href="http://www.msn.com/" onclick="document['elink'].submit()">msn</a> <br /> </form> Thanks in advance I wish to create a simple form for collecting email ids of visitors on my site in excel sheet or on a text file. Is there any way to do it. I have a windows webhosting. Thanks in advance. Hey, I am quite new in here and I have a question about the form tag. Code: <form action=""> <input type="text" value=""> <input type=submit value="Register" name=submit> </form> so and I want to add the string the user types to the end of a link for example http://mydomain.com/script/value Can you help me ? Regards Snoop1990 Hi, check this code out: HTML Code: <div id="Login Top"> <form action = "http://www.bfndevelopment.com/cgi-bin/home/Members/Password/NetLock.cgi?SiteID=19873&LockID=5465&Frame=1" method = "POST"> <input type = "hidden" name = "login" value = "false"> <!-- if "true" and someone tries logging in with no username, they will be --> <!-- prompted to enter there username and password again, on our template --> <table border = 0 <table border = 0 cellpadding = 0 cellspacing = 0 width = 300 height = 100> </td><tr> <table border = 0 cellpadding = 3 cellspacing = 0 width = 300 height = 20> <input type = "text" class="signin" name = "UserName" value="Username"onclick="if (this.value == 'Username') { this.value = ''; }" size = 5> <input type = "password" class="signin" name = "PassWord" value="Password"onclick="if (this.value == 'Password') { this.value = ''; }" size = 5> <input type = "image" src="http://www.islamcentre.net/library/loginbtn.gif" value = "Login"></div> </table> </form> Now, If u view this code on a browser, the login button appears to be slightly raised. What is the problem. I want it to be on the line, not a little higher. if anyone could slightly adjust this to it being on the line it would be much appreciated. Thanks I have a form field which is supposed to send the input email address to my client's inbox. I am using GoDaddy hosting, so the form action is "gdform.asp". but when the submit button is hit, it loads a page called www.amazingwomen.org/gdform.asp (which is clearly not a real page). I can't figure out why it would do this! Here is the code: <div id="email" style="position:absolute; top:233; left:30; z-index:3;"> <form action="gdform.asp" method="post"> <input type="hidden" name="subject" value="Amazing Women Newsletter Subscription"> <input type="hidden" name="redirect" value="http://www.amazingwomen.org/index.html"> <input type="text" name="Email" value="your email address" id="email"> </div> <div id="submit" style="position:absolute; top:231; left:190; z-index:3;"> <input type="image" name="submit" src="img/gobut.gif"> </form> </div> I just noticed that the submit button is in a separate <div>. Could this be causing the problem?? Thanks in advance for any help!! >>>I tried putting the submit button in the same div and I still have the same problem :S I need for the form to send the info and then redirect back to the same page (or not at all). Hey I tried googling this earlier but didn't find alot. What i am trying to do is when someone visits my site they enter their username and a short message. I would like it to send to either a file located on my web site server, where it will store until I read it, or send an email in the background to me so I can read it later. I had an example I tried to use, and it seemed to work, however it did not store the information into the file or email it to me. If you have an example of this please reply. Thanks. Hello. I am trying to create a page or form and I am not sure how to proceed. What I want to create is a webpage that has a list of several different things to choose from each with it's own check box. When the user selects what they want by checking the check boxes and hitting submit, a new page is created with just the selections they made. THe user can then print this page and use it as a worksheet. There is no reporting or databasing of the information. The final output is a hard copy print out. I started to play with some things that used <forms> for the selections page and this looked close to what I wanted. But for the submit part i was using .asp and this did not seem to work for me. I am not an experienced html person so I was wondering it there was another way to go for this. Maybe point me in a new direction. Hopefully something not too complicated. Thanks in advance for any help! |