|
HTML - Multiple Choice
When designing a webpage is there a way to see the correct multiple choice answer using firebug or some like extension.
Similar TutorialsHi! I would like to create a drop down menu in HTML where the user can choose many options, not possible in simple HTML? Dharma hi, i am new in this field of web designing .i don't even have good knowledge of colors.how can i improve my color choice and color theory.can you suggest me some tricks so that I'll work on that to make perfection.please help. kindly revert back.... Web Design Company is a site previously built in using only html and javascript.Now it wants to switch to J2EE or php.What is the best choice for it,can any one help? web design Hi, I have a select box with values 1, 2 and 3. When I select '1', I want right next to it 1 inputbox with id A. When I select '2', I want on the same place 2 inputboxes (with other IDs B and C), and so on ... I tried 1) Putting the 3 spans immediately after the select box and switch visibility between hidden and visible accordingly. Problem he all spans take some space. So if I select 2, it shows me correctly the 2 inputboxes B and C, but there is an empty space between the select box and the inputboxes since the first span is there (invisible). I want the boxes immediately next to the select box. 2) Putting 3 spans (span1, span2, span3, containing 1 box, resp. 2 boxes and so on) somewhere invisible. And then using 1 span next to the select box. On change of choice: document.getElementById("span").value = document.getElementById("span2").value; Problem he the boxes are not shown in span, just empty space. Who has a Good solution? Thanks alot Hi, I am trying to make a search form with textboxes and dropdowns. There are 3 options on the page however if on the third option that is a dropdown, i select number 3, another dropdown option is given. hope that makes sense please could someone point me in the right direction thanks Please help. This is what I have so far http://bartletagency.com/m/x2.php Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00 how can i do this please? here is the code I have which made up the PHP file i linked you to above. code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Lesson 3</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <?php if ($_SERVER['REQUEST_METHOD'] != 'POST'){ $me = $_SERVER['PHP_SELF']; ?> <h1 align="center">Business Cards</h1> <form name="form1" method="post" action="<?=$me?>"> <table border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td align="right" valign="middle">Quantity:</td> <td><select name="Quantity: "> <option value="1000">1000</option> <option value="2500">2500</option> <option value="5000">5000</option> <option value="10,000">10,000</option> </select> </td> </tr> <tr> <td align="right" valign="middle">color</td> <td><select name="color"> <option value="blue">blue</option> <option value="green">green</option> </select> </td> </tr> <tr> <td align="right" valign="middle">3</td> <td><select name="3"> <option value="small">3-1</option> <option value="medium">3-2</option> </select> </td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="Send"> </td> </tr> </table> </form> <?php } else { error_reporting(0); // initialize a array to //hold any errors we encounter $errors = array(); // test to see if the form was actually // posted from our form $page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']; if (!ereg($page, $_SERVER['HTTP_REFERER'])) $errors[] = "Invalid referer<br>\n"; // check to see if a name was entered if (count($errors)>0) { foreach($errors as $err) echo "$err<br>\n"; echo "<br>Please use your browser's Back button to fix."; } else { // no errors, so we build our message switch($_POST['color']){ case 'red': $recipient = 'mathew420@gmail.com'; break; case 'green': $recipient = 'mathew420@gmail.com'; break; case 'blue': $recipient = 'mathew420@gmail.com'; break; default: $recipient = 'mathew420@gmail.com'; } $subject = "Widget On Line Order"; $from = stripslashes($_POST['Name']); $msg = "Message sent by $from\n"; $msg.="\nSize: ".$_POST['size']; $options=$_POST['options']; $msg.="\nOptions:"; if ($options) for ($i=0;$i<count($options);$i++) $msg.= "\n- $options[$i]"; else $msg.="\n- None"; $msg.="\nColor: ".$_POST['color']; $extension=($_POST['extension'])?"Extension: Yes":"Extension: No"; $wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No"; $deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No"; $msg.="\n$extension\n$wallmount\n$deskmount"; $msg.="\n".stripslashes($_POST['MsgBody'])."\n"; if (mail($recipient,$subject,$msg)){ echo "<p>Thanks for your order!</p>"; echo nl2br($msg); } else echo "An unknown error occurred."; } } ?> </body> </html> thanks so much Hey guys and thanks in advanced for helpin' me out with this one. Anyways, I'm building a sort of "Advanced" search functionality. I want to give the user the ability to select multiple checkboxes in different categories (forms) but to be able to account for each checkbox even though they are in different forms. For example a Newspaper might have a search for an article by: Code: <FORM>(form name = "formONE")
Paper Type
Weekly []
Daily [x]
Monthly []
{SUBMIT BUTTON}
</ FORM>
<FORM> (form name = "formTWO")
Location
Upper East []
Null County []
Down South [x]
{SUBMIT BUTTON}
</ FORM>
<FORM> (form name = "formTHREE")
Article Section
Lifestyle []
Sports [x]
Weather []
Finances []
{SUBMIT BUTTON}
</ FORM>
SO looking at the above...If the user "checked" (I placed 'x' in there) those boxes...and clicked ANY of the submit buttons, I want to be able to pull-in EACH of the checked items from ALL THREE of the forms. What is happening now with my code, is I'm only getting the results for the form which I clicked the 'submit' button in. I know you might ask, "why not just put them in one form?"... but I have them in separate forms because I want the user to have the ability to "CHECK/UNCHECK ALL" for each category (i.e. Paper Type, Location, Article Section...) Is it as easy as just wrapping all of those forms in one GIANT form, and supply each submit button with the name of that GIANT form? I hope this makes sense, and let me know if you need anything else at all...it's the last piece of this search and I just want to get it out of the waY!! Thanks guys! I am making a simple webpage with a menubar (pictures as navigation) and an iframe. I want the pictures in the navigation bar to open different external webpages in the iframe. Now the problem is that these three pictures (blog, works, contact) are linked with href to a javascript because of the image swap effect. (i.e href=javascript:staySet). How do I make them open pages in the iframe when they already have a href value? The page can be viewed he http://stereocilia.net/ This is what I have so far: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<style type="text/css">
html, body, div, iframe { margin:0; padding:0; height:100%; }
iframe { display:block; width:100%; border:none; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {
display: block;
text-align: center;
}
body,td,th {
color: #000;
}
body {
background-image: url(http://www.stereocilia.net/background.jpg);
background-repeat: no-repeat;
background-color: #eeeeee;
}
</style>
<Script Language=JavaScript>
var prevClicked = "";
function staySet(curr){
tmpStr = curr.toString();
if (prevClicked != "")
{
document.getElementById(prevClicked).disabled = false;
document.getElementById(prevClicked).src = prevClicked+'1.png'
}
document.getElementById(tmpStr).disabled = true;
document.getElementById(tmpStr).src = tmpStr+'2.png';
prevClicked = tmpStr;
}
</Script>
</head>
<body bgcolor="#ffffff" leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px">
<div align="center"><table border="0" bordercolor="" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr style="background-color:#121616">
<th scope="col"><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="546">
<!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="ina.png" fwstyle="Dreamweaver" fwdocid = "592585180" fwnested="0" -->
<tr>
<td><img src="ina_spacer.gif" width="214" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="ina_spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="5"></a></td>
<td><img src="spacer.gif" width="1" height="100" border="0" alt="" /></td>
</tr>
</table></th>
</tr>
</table>
</div></td>
</tr>
<tr>
<td><div align="center">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="546">
<tr>
<td><img src="ina_blank.png"/></td>
<td><a href=javascript:staySet('A')><img src='A1.png' border="0px" id='A' onMouseover="SwapImage('A')" onMouseout="SwapImage('A')"></a> </td>
<td><a href=javascript:staySet('B')><img src='B1.png' border="0px" id='B' onMouseover="SwapImage('B')" onMouseout="SwapImage('B')"></a> </td>
<td><a href=javascript:staySet('C')><img src='C1.png' border="0px" id='C' onMouseover="SwapImage('C')" onMouseout="SwapImage('C')"></a> </td>
<td valign="top"><p style="margin:0px"></p></td>
<td><img src="ina_spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
</table>
</div></td>
</tr>
</table>
<iframe
name="iframe"
width="100%"
height="100%"
src="http://www.htmlforums.com/"
frameborder="0"
scrolling="yes" >
</iframe>
</iframe>
</div>
</body>
</html>
Ok I'm really new to this so bear with me.. I just started my file hosting website, and I have a ****ton of videos.. I really don't want to create thousands of individual pages so that users could view the videos. Is there a simple way to view each video in a page with my logo on top, tabs on the side, etc. without creating tons of individual pages? (NSFW!) ex: - family unfriendly link removed - Total beginner here so please treate me gently... I have just written my 1st bit of html, using frameset and tables. All has worked ok, nothing grand, just 3 frames. Frame19(name="banner") is like an address banner, frame2("nav") is a navigation bar using a table and frame3("main") being like a main page which changes dependent on the navigation bar cell chosen. I've used href to navigate with which is working fine when only one action is required but I can't seem to get two actions to work, ie selecting in the navigation frame changes the other two frames. Have tried several variations of multiple href's but never get anywhere, expect it's syntax but stuck now. Ideally I want to select within the nav frame which then updates the banner and main frames, is this possible? bit of nav.htm I'm using: <tr> <td><font color="#000000" face="Calibri" size="3"><a href="Smain.htm" target="main">Scouts </a></font> </td> </tr> Thanks for any help Does anybody know if it is possible to have multiple legends on the same fieldset? Here's an example of what I trying to do: Code: <legend align="left">pre</legend> <legend align="center"><u>Creating $sName</u></legend> <legend align="right">next</legend> With the above code I get the "pre" in the fieldset lines but the others inside. I've attached a picture of what I am trying to achieve. I've had a search on the old goggle pages and this forum but nothing has really turned up. Does anyone know if this is possible? And if so how? Much thanks for any replies I have a loop that extracts data out of the database and outputs a dropdown form with each line with options for the user. I have included an onChange = "this.form.submit();" for each dropdown. This works fine in Firefox, but does not work so well in Internet Explorer(yes, scripting is enabled). Here's the code: <form method="post" action="some.php"> <input type = "hidden" name ="variable1" value ="'.$variable1.'"' /> <input type = "hidden" name ="variable2" value ="'.$variable2.'"' /> <select name = "'.$variable1.$variable2" onChange = "this.form.submit();"> <option value = "option_1"> Option 1</option> <option value = "option_2"> Option 2</option> <option value = "option_3"> Option 3</option> <option value = "option_4"> Option 4</option> </form> This code is then just echo'd for each line. $variable 1 and $variable2 are unique, so to name each form differently I just give combine the two for a unique name I can call at some.php. Symptoms: In Mozilla this works great. With IE(both 6 and 7) the variable1 and variable 2 are passed along, however option_1(the 1st default option displayed) is always passed along except for the last one of my list. The last one of the list always passes along the correct the correct value. So if I had two outputs A and B,and I selected Option2 for each of them...then A would send Option1 but B would send the selected Option2. Hey, I have a script at present which pre-loads 6 images and displays them on screen. I want a user to be able to select a checkbox next to the images so they can select which ones they want to use. On clicking continue the images selected are displayed on the next screen. Please can you help with coding for this as I am not getting very far. Thanks Is there a way of doing this in Dreamweaver? So it opens up one in the current page and opens the other in a new window? Please this is important. Hi, I have one main problem when trying to make a site. If I want to make a side content bar and put it on every page, the only way I know of doing that so far is by either copying and pasting onto every page or by frames. I keep hearing that frames are bad, I'm not quite sure why. If I copy and paste, then when I want to add something different to the contents I would need to alter each page which could take forever. Is there another way I can do this? Thank you for any help you can provide Alright first of all i would like to state that i don't have a clue as to what language to do this in but o well here it goes. I have been trying to create something that would attempt to login to a site every 6 hours with the same login info. how would i do this. I'm not looking for a step by step tut on this just what language i should look into for it. Thx. Hey, is there a way to have this tag: <meta http-equiv='refresh' content='0; URL=http://myspace.com/> And make another one: <meta http-equiv='refresh' content='1; URL=http://myspace.com/> And keep going and going? Or can I use some other method to keep redirecting the user to another site? I'm trying to do a profile layout design using multiple background images in the body. body background-image: url('http://www.geocities.com/korknup/HATEBOOK/LOGO.jpg') is it even possible to embed more than one image in the body, like an image gallery? Hey im new to this forum and i want to ask is there a way to edit multiple pages of a website and once. because i have a site with hundreds of pages and i want to add some ads and banners and i don't want to manually go and add to each page. I need to create a <select multiple> type form control, but with two columns. Is this possible? So I need users to be able to select multiple options from a control that displays items in two columns, and should be scrollable. Is there anyway to do this using the default HTML <select multiple> control. if not, is there a more complex method? |
|||||||