HTML - Help Please: Xhtml And Multiple Forms

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 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 Guys,
I am having an issue where the only logical way I can see this being done, is with nested forms, which I know aren't allowed, and are breaking my design in IE.

Here's the concept:

I have a gallery of images that a user is managing (like 12 images are displayed on each page). Each image has a checkbox associated with it that the user can check and then at the bottom of the page the user can move all checked images to another folder. Therefore, all images and their checkbox's, along with the "move to folder" selection menu and submit button at the bottom are contained into one big form.

Now within this form I have the option for users to move individual images. Each image has a select menu of folders and submit button that they can use to move a individual image. This therefore requires another form, just for this select menu (since I only want the action to be applied to this specific image and it's select input, and all others also have the same select input name, etc) and a submit button.


See this screenshot for example:
http://imagenerd.com/show.php?_img=gallery69SR.jpg


Here is a snippet of code I am using in this example:
Code:

 <form action="" method="post"> 
<div class="box-row last-row">
	<div class="box-full">
		<div class="box-top"><div class="box-bot"><div class="box-left"><div class="box-right"><div class="box-top-left"><div class="box-top-right"><div class="box-bot-left"><div class="box-bot-right">
			<div class="box-content">

				<h1>Folder: dafasd</h1>
				<div class="box-content-pad">
					<div class="gallery-block">
						<span class="edit-title" id="_199" title="edit title"><i>click to add title</i></span>
						<div class="image-option-links">
							<a href="javascript:void(0);" onclick="share_codes_popup('/view-codes/?filename=siege_of_stormwynd-AXAP0.jpg&amp;thumbname=th_siege_of_stormwynd-AXAP0.jpg', 'title');" title="get share codes">share</a> | <a href="javascript:void(0);" title="move this image" class="move_image">move</a> | <a href="/my-gallery/?delete_image=199" title="delete this image" onclick="return confirm('Are you sure you want to delete this image, siege_of_stormwynd-AXAP0.jpg?')">delete</a>

						</div>
						<div class="move-image-options">
							 <form action="" method="post">
							<select name="move_image_folder">
								<option value="1">Root</option>
								<option value="12">dafasd</option>
								<option value="13">dafasd</option>

								<option value="14">dafasd</option>
								<option value="15">asdfasdf</option>
								<option value="16">asdfasdf</option>
							</select>
							<input type="hidden" name="move_image_id" value="199" />
							<input type="submit" name="move_image" value="Go" onclick="return confirm('Are you sure you want move this image, siege_of_stormwynd-AXAP0.jpg?');" />
							</form> 

						</div>
						<div class="image-box">
							<a href="http://www.new.imagenerd.com/show.php?_img=siege_of_stormwynd-AXAP0.jpg" title="View siege_of_stormwynd-AXAP0.jpg" target="_blank"><img src="/thumbnails/th_siege_of_stormwynd-AXAP0.jpg" alt="siege_of_stormwynd-AXAP0.jpg" width="175" height="35" /></a>
						</div>
						<div>
							<table width="100%" cellpadding="0" cellspacing="0" class="image-select">
								<tr>
									<td width="20" align="left">
										 <input type="checkbox" name="image_cb[]" value="199" class="checkbox" id="img_199" title="select siege_of_stormwynd-AXAP0.jpg" /> 

									</td>
									<td align="left"><label for="img_199" title="select siege_of_stormwynd-AXAP0.jpg">siege_of_stormwynd-AXAP0.jpg</label></td>
								</tr>
							</table>
							<table width="100%" cellspacing="0" cellpadding="0" class="table-pad-2 table-align-td-left quick-select">
								<tr>
									<td width="70"><b>Email/IM:</b></td>
									<td><input type="text" value="http://www.new.imagenerd.com/show.php?_img=siege_of_stormwynd-AXAP0.jpg" onclick="this.select()" /></td>

								</tr>
								<tr>
									<td><b>Forums:</b></td>
									<td><input type="text" value="" onclick="this.select()" /></td>
								</tr>
								<tr>
									<td><b>HTML:</b></td>
									<td><input type="text" value="&lt;a href=&quot;http://www.new.imagenerd.com/show.ph...XAP0.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.new.imagenerd.com/thumbna...XAP0.jpg&quot; alt=&quot;&quot; border=&quot;0&quot; width=&quot;175&quot; height=&quot;35&quot; /&gt;&lt;/a&gt;" onclick="this.select()" /></td>

								</tr>
								<tr>
									<td colspan="2"><a href="/view-codes/?filename=siege_of_stormwynd-AXAP0.jpg&amp;thumbname=th_siege_of_stormwynd-AXAP0.jpg" title="more share codes">more...</a></td>
								</tr>
							</table>
						</div>
					</div>

.
.  (cut off other 2 gallery block divs due to forum character post restrictions)
.

					<div class="clear"></div>
				</div>
				<div class="pager">
				</div>
			</div>

		</div></div></div></div></div></div></div></div>
	</div>
	<div class="clear"></div>
</div>
<div class="box-row" style="margin: 12px 0px 0px 0px;">
	<div class="box-full">
		<div class="box-top"><div class="box-bot"><div class="box-left"><div class="box-right"><div class="box-top-left"><div class="box-top-right"><div class="box-bot-left"><div class="box-bot-right">
			<div class="box-content align-center">
				<p><b>With Selected Images:</b></p>

				 <table cellpadding="0" cellspacing="0" align="center">
					<tr>
						<td>
							<input type="checkbox" id="selectall" />
						</td>
						<td width="120" align="left">
							<label for="selectall">select/unselect all</label>
						</td>

						<td width="120">
							<select name="action" id="action_select">
								<option value="">----------</option>
								<option value="delete">Delete</option>
								<option value="move">Move to</option>
							</select>
						</td>

						<td width="120">
							<select name="multi_folder" disabled="disabled" id="folder_select">
								<option value="1">Root</option>
								<option value="12">dafasd</option>
								<option value="13">dafasd</option>
								<option value="14">dafasd</option>
								<option value="15">asdfasdf</option>

								<option value="16">asdfasdf</option>
							</select>
						</td>
						<td width="120">
							<input type="submit" name="multi_action" value="Go" id="multi_go" disabled="disabled" onclick="return confirm('Are you sure you want to perform the selected action on all of the selected images?')" />
						</td>
					</tr>
				</table> 

			</div>
		</div></div></div></div></div></div></div></div>
	</div>
	<div class="clear"></div>
</div>
 </form> 

Red - Associates with multi image options
Blue - Associates with single image move option


Any suggestions on how I can achieve this?


Thanks,
Kyle

I'm new to forms and am trying to learn how to make a multiple page one. What I've made so far is very basic, but I figure I shouldn't make a pretty and complex one until I master the simple. I've made three separate pages: page a has the first part of the form and when you click 'continue' it should save the information and move you onto page b where you fill in another form. Then you move onto page c where the information you entered is displayed for you to review, then you press send. That's when it's sent to my e-mail.

There are two problems with my code: when you click 'continue' on page A it automatically sends the info to my e-mail and I don't want it to. I want it to go to page b.

It also displays the information entered on page a, but also shows a bunch of the code that should be hidden.

I don't know why. And it's driving me nuts. I'd appreciate any help!

Here's the code:

<html>
<head>
<title>Sample Multiple Page Form</title>
</head>

<body bgcolor="white" text="#000000" link="#0000CC" vlink="#0000CC" alink="#0000CC" marginwidth=0 marginheight=15 topmargin=15 leftmargin=0>

<form action="http://www.bluehost.com/bluemail" enctype="multipart/form-data" method="POST">
<input type="hidden" name="sendtoemail" value="contact@mywebsite.com">

<input type=hidden name="next_page" value="Multiple_Page_b">
<input type=hidden name="required" value="name:Name Required,email:e-Mail Address Required">
<input type=hidden name="current_page" value="Multiple_Page_a">
<input type=hidden name="form" value="2">
<input type=hidden name="start" value="1">

<center>
<table width=450 cellpadding=4>

<tr>
<td colspan=2> <font size=2 face="arial" color=red>

</td>
</tr>

<tr><td><font face="arial" size=2> Your Name: </td><td><input type=text name="name" value="" size=30> </td></tr>
<tr><td><font face="arial" size=2> Email Address:</td><td><input type=text name="email" value="" size=30></td></tr>

<tr><td colspan=2><br><input type="submit" name="next" value="Continue >>"></td></tr>

</table>
</form>
</body>
</html>



And here's the message displayed when clicking continue:

Thank you for completing our form.

The following info was sent to contact@mywebsite.com:
Field Value
next_page Multiple_Page_b
required name:Name Required,email:e-Mail Address Required
current_page Multiple_Page_a
form 2
start 1
name Jess
email contact@myemail.com
next Continue >>

We're having difficulties dealing with two forms on one html search results page. We want the following to happen:
1) "next" and "previous" links to appear when the search returns more results than the limit set in the code.
2) the user to be able to click on a link/radio button which would allow them to view complete result data on another page.

The code for goal 1 seems to need a "method = get" capability, while the second goal needs "method = post" to pass information on to the next page. We thought that the best way to do this would be to have two separate forms on the one html page. However, we can't seem to get either form to work in its entirety.

Here's the code for our form with the "next" and "previous" links:

Code:

<form name = "form2" id="form2" method="get" action="<?php echo $_SERVER['PHP_SELF']?>">

When there is only this form on the page, the next/previous links work fine. It's when we try to incorporate other buttons (such as a submit button) and another form that things get messy. The same is true for the other form... it works fine by itself, but it's the combination that throws it off.

Goal 2 form:

Code:

<form name = $formNum id = $formNum method=post action=seach_match_result.php target='_blank'>
(This form has a submit button at the end.)

These forms are not nested, but totally separated in the code.

Are we on the right track, or is there a better way to accomplish this?

Thanks!
AM