|
HTML - Conditional Html Form?
Hi everyone, just wondering if anyone could help me with a problem I'm having making an HTML form?
I have been following directions on this website: http://www.w3schools.com/html/tryit....ryhtml_select2 and learned to make a drop down box to my form. So far, this is it: HTML Code: <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"><br> Artist: <select name="artist"> <option value="the minutemen">The Minutemen</option> <option value="Planet Smashers">Planet Smashers</option> <option value="crass">Crass</option> <option value="Madonna">Madonna</option> <option value="the misfits">The Misfits</option> Album: <select name="album"> <option value="album">album</option> </select> </form> So what I want to do now, is have it so if the user clicks on Madonna under the "artist" drop down box, the "album" drop down box will let the user select one of Madonna's albums, but only hers (not any of the other artists' albums). And if the user clicks "Crass" then the "album" drop down box will change and only show Crass' albums, etc. Is there a way to do this in HTML? I am designing the site using notepad (no dreamweaver or anything) and I am running WinXP. My browser is Firefox. I don't really know anything about forms. Thanks for your time! Similar TutorialsHi all, I need your help. I have created an HTML web form that's processed by a PHP script. It works absolutely fine but I now need to do add a couple of conditional fields on this in this HTML Form which I don't know how to. The first field in the form is Presenter's Name. Underneath this field, I want to have a checkbox stating "Click here if additional Presenters". As soon as this option is checked off, a new input text field should appear underneath it and at the bottom of the form, a text box should appear for additional presenter's bio. How do I do that? Thanks a trillion in advance for your help. i have two radio boxes in a jsp using html and i want to make one checked based on a condition. I can do that in php but i don't know how to do that using jsp. Can anyone help me. out.println("<tr><td>Billing Model"); out.print("<tr><td><input type='radio' name='appStatusDescription'value='0' >Prepaid<br>"); out.print("' </td>"); out.print("<td><input type='radio' name='appStatusDescription'value='1'>Postpaid<br>"); out.print("' </td></tr>"); These are the two radio buttons and based on the return value of this i want either one of them checked <%if((app.getBillingModel)==0){%>prepaid checked<%}%> Hi, Im not very fluent in html, and im trying to do a very simple task. I've been browsing google and multiple forums including this one for a while trying to figure out this basic code but having no luck. I believe i may need to use javascript for this. What i'm trying to accomplish is: - Have visitors enter a confirmation code into a text box - If they enter the right code they get sent to my members page - If they enter the wrong code they get sent to an error page Pretty simple I know, but i cant seem to figure this out. i read this, and this code is the best i came up with so far, but i get an error when i run it. "Method Not Allowed " Here is the code i am using Code: <head>
<script type="text/javascript">
function validate_required(Password1)
{
with (Password1)
{
if (value=="password")
{
// i want to navigate to a members page here
}
else
{
// i want to navigate to an error page here
}
}
}
</html>
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
</head>
<body>
<form method="post">
<input name="Password1" type="password" /><input name="Submit1" type="submit" value="submit" /></form>
</body>
script completed, thx can i put a conditional statement in a .css file ? im having trouble with getting my div & or hr to work in every browser i fix something on 1 browser i loose something from another when im coding the site... i want to know if i can put a statement that if browser internet explore execute this set of rules, elseif execute these set of rules... Hi I am using a conditional comment on a website to load a css sheet for IE6 and below <!--[if lte IE6]> <link href="expleonardo.css" rel="stylesheet" type="text/css"> <![endif]--> In IE6 it loads the sheet and does what I want it to do but the following: <!--[if lte IE6]> <![endif]--> shows at the top of the page on a white line. The website address is www.errolsimprov.co.uk/leonardo/index.htm Any help would be greatly appreciated. Thanks John Is it possible to combine ie's conditional if's? I basically want (without the use of js) to be able to send a message to IE5 / 5.0 / 5.5 / 6 users. But i want to keep HTML download to a min.... Therefore can i combine the conditional iff's? Is it possible that the inclusion of a script on a page be conditional to the web server that it's on? if(the page is on Web Server 1) { Include Script 1 } else if(the page is on Web Server 2) { Include Script 2 } I'm working on several Google Maps web pages (10-12 at a time). I test the pages on our development web server and then move them to our public web server. The problem is that there is a different Google Maps Key for each web server that must be included on the web page. Right now, I have to comment out one and uncomment the other every time I copy these pages from one server to the other. Example of GM Key on Web Server 1: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAADCKg1uyd0NtoV0-TYT13MBROYM5OA_GDIvgonnUJTWljoaMDChT_7EqrLEb8A0mLzFhHNCgkaMCUIw" type="text/javascript"></script> Example of GM Key on Web Server 2: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA2Aa0y9qM0iE5-qtohbB_BBR7Dq-sN_oqy05rIf4WVBwd942bvhSeBq4siSIiJWbTtlmDhuk0aADGRA" type="text/javascript"></script> I made two style sheets for my project. First one is style.css, and the scond one is ie6.css which is intentionally left blank. This latter (ie6.css) is, ofcourse, made specialy for IE6 and in HTML head section I put
Code: <!--[if lt IE 7.0]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
I can't realise what's wrong, since when I preview site in IE6 it acts like conditional statement is not there. It should display page with no style, but still the page is displayed with style.css styling. You can check it out on: http://www.byethost.com/ for page is very simple. Thank's in advance! Hey, Struck with a problem, how to excute scripts conditionally i have two scripts in one html, but wanna excute only one based on condition or button click <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/2t3ZysHg3Cc&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2t3ZysHg3Cc&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bT_8Dvk5GIQ&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bT_8Dvk5GIQ&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> Tips please HTML Code: <!--[if IE]> <div id="header"> <table align="center"><tr> <td align="center"><span class="chosen">< Home</span></td> <td align="center"><a class="nav" href="NewsReviews.html" title="news">< News & Reviews</a></td> <td align="center"><a class="nav" href="Gallery.html" title="Gallery">< Gallery</a></td> <td align="center"><a class="nav" href="http://musichasm.freeforums.org/" title="forums">< Forum</a></td> <td align="center"><a class="nav" href="HelpContact.html" title="contact">< Contact Us</a></td> <td align="center"><a class="nav" href="Underground.html">< Underground</a></td> </tr></table> </div> <![endif]--> <!--[if ! IE]>--> <div id="header"> <span class="chosen">< Home</span> <a class="nav" href="NewsReviews.html" title="news">< News & Reviews</a> <a class="nav" href="Gallery.html" title="Gallery">< Gallery</a> <a class="nav" href="http://musichasm.freeforums.org/" title="forums">< Forum</a> <a class="nav" href="HelpContact.html" title="contact">< Contact Us</a> <a class="nav" href="Underground.html">< Underground</a> </div> <!--<![endif]--> That is my coding for a CSS menu which fixes a 'ghost text' bug in IE 6 and lower... It produces the proper result in IE, FF, and Opera, but the only problem is that dreamweaver sees them both as comments, and does not display it in design view....I just upgraded to CS3, but MX and 8 both showed the menus....any ideas? <![if gt IE 6]></a><![endif]> will not validate. How can i modify this so it will? I have a custom order form where the choices available in one box should be conditional on another one. I want both the drop down boxes to display on the same page. For instance, the first box has regular, superior and deluxe. The second box would have red, orange, violet, indigo, blue. If user chooses regular, all colour options would be available.. If user chooses superior, red orange violet would be available If deluxe, only red available. How would I do this? Is it possible that the inclusion of a script on a page be conditional to the web server that it's on? Example: if(the page is on Web Server 1) { Include Script 1 } else if(the page is on Web Server 2) { Include Script 2 } I'm working on several Google Maps web pages (10-12 at a time). I test the pages on our development web server and then move them to our public web server. The problem is that there is a different Google Maps Key for each web server that must be included on the web page. Right now, I have to comment out one and uncomment the other every time I copy these pages from one server to the other. Example of GM Key on Web Server 1: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAADCKg1uyd0NtoV0-TYT13MBROYM5OA_GDIvgonnUJTWljoaMDChT_7EqrLEb8A0mLzFhHNCgkaMCUIw" type="text/javascript"></script> Example of GM Key on Web Server 2: <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA2Aa0y9qM0iE5-qtohbB_BBR7Dq-sN_oqy05rIf4WVBwd942bvhSeBq4siSIiJWbTtlmDhuk0aADGRA" type="text/javascript"></script> I have a series of checkboxes and the user can check one or more of them. When I display their submission back to them for verification, I want to display only those which have been checked. I have a form processor (FormProcessorPro) and they tell me that they can't guarantee that PHP code will parse correctly. And they're correct, it isn't parsing correctly - unless I'm missing something. Here's an example of what I'm trying to do: <?php $blmc = "[blmc-gp]"; // [blmc-gp] FPPro's access to field names if ($blmc == "YES") { echo "<tr>"; echo "<td align="right" class="maintext">General Pastor :: </td>"; echo "<td><font size="2">[blmc-gp]</font></td>; echo "</tr>"; } ?> First question, should the above work in suppressing the table row if the checkbox hasn't been checked? Second question, is there a way in pure HTML (no PHP, PERL or JAVA) to accomplish my goal of suppressing any table rows where the checkbox hasn't been checked? Thank you, Roy hi All, I want to add two select(dropdown lists) boxes. Content of first select box will be name of countries. And the other select box which will contain states of those counties should show the values according to the value selected in first select box. Eg: Suppose I select America then it should only show the states of America. I want to know whether it is possible using simple html? or javascript is required? and how? Regards, Jaas I want to use conditional comments to load a style sheet for IE7. The site im designing for is : www.efficient-heat.net When I check the site in IE7 I see images for the content area being placed incorrectly. They are over to the right of the page when they should be in the middle. When I check the images with IE dev bar they have a position of absolute. However the ie_7style.css sheet has them with a position float left. When I link to the ie7style.css without conditional comments and load the page it works as intended. I believe the absolute positioning is coming from the style.css sheet which is intended for Firefox. It seems to me that the ie7style sheet isn't being implemented properly and is relying somewhat on the style.css to render the page. How do I resolve this problem? |
|||||||