Form within a Form

[Arc]

I need to put a form within a form but the HTML isnt working right... Is this possible?

[suntra]

You can't put a form inside another form... but with JavaScript, you can take values from one form and put them in another one...

[Arc]

yah that's what i'm currently doing... But for some reason if i move this form to a different place it makes the html get all screwed up and i cant figure out why..

[suntra]

Do you also move the <FORM ...> and </FORM> ?

[Arc]

yes.. ofcourse.

[feldon23]

We can't do much without sample code.

[Arc]

Well i was gunna post the code but it's pretty big... But here it is. The HTML get really messed up when i move the forms around... but this is how they have to be in order for this to work since i cant have overlapping forms....

<table width="524" align="center" cellpadding=4 bgcolor="#000000">
          <tbody>
            <tr> 

          <td  colspan=2 bgcolor=#1F509F> 
		  <form name="form2" method="post" action="http://www.website.com/previewinfo.php" target="_Blank">
		  <table width="516" border="0" cellspacing="0" cellpadding="0">
              <tr> 

            <td width="371"> <font color=#ffffff size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>:Special 
              Events Information:</b></font> </td>
                <td width="145"> 
                    <div align="right">
                <input type="hidden" name="PreTitle">
                <input type="hidden" name="PreInfo">
                <input type="submit" name="btnPreview" value="Preview" onMouseDown="MoveVars()" >
                    </div>
                  </td>
              </tr>
            </table>

			</td>

        </tr>
		</form>
			 <form name="form" method="post" action="specialeventinfo2.php">		
        <tr bgcolor="#f1f1f1"> 

            <td width="127" height="37" bgcolor="#f1f1f1"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Event 
              Title:</font></b>

			  </td>
          <td width="373" height="37" bgcolor="#f1f1f1"> 
            <input type="text" name="txtEventTitle" value='<?php echo $ResultArray[EventTitle]; ?>' size="50" maxlength="75">
          </td>
        </tr>
        <tr bgcolor="#dfdfdf"> 
            <td width="127" valign="top" bgcolor="#dfdfdf"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Feature 
              Text: </font> 
              <input type="hidden" name="NumImages" value="<?php echo $txtNumImages; ?>">
            </b></td>
          <td width="373" bgcolor="#dfdfdf"> 
            <div align="center"><div id="toolbar">
              <div align="center"><img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="document.execCommand('Copy');" src="http://www.website.com/images/images/copy.gif" align="middle"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this) "onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="pasteit()" src="http://www.website.com/images/images/paste.gif" align="middle"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="format_sel('b', document.form.txtFeatureText);" src="http://www.website.com/images/images/bold.gif" width="16" height="16" align="middle" alt="click to make your selection bold"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="format_sel('i', document.form.txtFeatureText);" src="http://www.website.com/images/italic.gif" width="16" height="16" align="middle" alt="click to make your selection italic"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="format_sel('u', document.form.txtFeatureText);" src="http://www.website.com/images/images/underline.gif" align="middle" alt ="click to underline your selection"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="insert_link(document.form.txtFeatureText);" src="http://www.website.com/images/images/link.gif" width="32" height="16" align="middle" alt="click to add a link"> 
              </div>
            </div>
			</div>
            <div align="center">
                <textarea name="txtEventInfo" cols=45 rows=15 wrap="Virtual" id="txtEventInfo"><?php echo $ResultArray[EventInfo]; ?></textarea>
            </div></td>
        </tr>
	<tr bgcolor="#dfdfdf"> 

  <td width="127" height="26" valign="top" bgcolor="#f1f1f1"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Images:</font></b></td>
          <td width="373" bgcolor="#f1f1f1"> 
            <?php
		     $TheImages = explode("-",$ResultArray[EventImages]);
			 If($ResultArray[EventImages]==""){
			 Print"<img src=\"../images/errorarrow.gif\" border=0>There are no images in the database. If you would like to add images, please go <a href=\"http://www.website.com/addspecialeventimage.php\">Here</a> and enter the number of images you wish to add.";
		       }else{
			   For ($Counter = 0; $Counter < count($TheImages); $Counter++){
				   Print "<img src=\"http://www.website.com/images/$TheImages[$Counter]\"><br>";
				   Print"<b>Current Image($TheImages[$Counter])";
				   }
				   }
?>
              </td>
</tr>
</table>

Thanks!

[suntra]

Well, the second fom doesn't have a closing tag (</form>). Is it simply because you didn't post it or because it does not exist ?

[Arc]

Oops i thought i copied it all, but left out a couple tags.... Heres the whole thing with both complete form tags.

<table width="524" align="center" cellpadding=4 bgcolor="#000000">
          <tbody>
            <tr> 

          <td  colspan=2 bgcolor=#1F509F> 
          <form name="form2" method="post" action="http://www.website.com/previewinfo.php" target="_Blank">
          <table width="516" border="0" cellspacing="0" cellpadding="0">
              <tr> 

            <td width="371"> <font color=#ffffff size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>:Special 
              Events Information:</b></font> </td>
                <td width="145"> 
                    <div align="right">
                <input type="hidden" name="PreTitle">
                <input type="hidden" name="PreInfo">
                <input type="submit" name="btnPreview" value="Preview" onMouseDown="MoveVars()" >
                    </div>
                  </td>
              </tr>
            </table>

            </td>

        </tr>
        </form>
             <form name="form" method="post" action="specialeventinfo2.php">        
        <tr bgcolor="#f1f1f1"> 

            <td width="127" height="37" bgcolor="#f1f1f1"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Event 
              Title:</font></b>

              </td>
          <td width="373" height="37" bgcolor="#f1f1f1"> 
            <input type="text" name="txtEventTitle" value='<?php echo $ResultArray[EventTitle]; ?>' size="50" maxlength="75">
          </td>
        </tr>
        <tr bgcolor="#dfdfdf"> 
            <td width="127" valign="top" bgcolor="#dfdfdf"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Feature 
              Text: </font> 
              <input type="hidden" name="NumImages" value="<?php echo $txtNumImages; ?>">
            </b></td>
          <td width="373" bgcolor="#dfdfdf"> 
            <div align="center"><div id="toolbar">
              <div align="center"><img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="document.execCommand('Copy');" src="http://www.website.com/images/images/copy.gif" align="middle"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this) "onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="pasteit()" src="http://www.website.com/images/images/paste.gif" align="middle"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="format_sel('b', document.form.txtFeatureText);" src="http://www.website.com/images/images/bold.gif" width="16" height="16" align="middle" alt="click to make your selection bold"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="format_sel('i', document.form.txtFeatureText);" src="http://www.website.com/images/italic.gif" width="16" height="16" align="middle" alt="click to make your selection italic"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="format_sel('u', document.form.txtFeatureText);" src="http://www.website.com/images/images/underline.gif" align="middle" alt ="click to underline your selection"> 
                <img class="button" onMouseOver="mouseover(this);" onMouseOut="mouseout(this);" onMouseDown="mousedown(this);" onMouseUp="mouseup(this);" onClick="insert_link(document.form.txtFeatureText);" src="http://www.website.com/images/images/link.gif" width="32" height="16" align="middle" alt="click to add a link"> 
              </div>
            </div>
            </div>
            <div align="center">
                <textarea name="txtEventInfo" cols=45 rows=15 wrap="Virtual" id="txtEventInfo"><?php echo $ResultArray[EventInfo]; ?></textarea>
            </div></td>
        </tr>
    <tr bgcolor="#dfdfdf"> 

  <td width="127" height="26" valign="top" bgcolor="#f1f1f1"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Images:</font></b></td>
          <td width="373" bgcolor="#f1f1f1"> 
            <?php
             $TheImages = explode("-",$ResultArray[EventImages]);
             If($ResultArray[EventImages]==""){
             Print"<img src=\"../images/errorarrow.gif\" border=0>There are no images in the database. If you would like to add images, please go <a href=\"http://www.website.com/addspecialeventimage.php\">Here</a> and enter the number of images you wish to add.";
               }else{
               For ($Counter = 0; $Counter < count($TheImages); $Counter++){
                   Print "<img src=\"http://www.website.com/images/$TheImages[$Counter]\"><br>";
                   Print"<b>Current Image($TheImages[$Counter])";
                   }
                   }
?>
              </td>
</tr>
</table>
     </div></td>
            </tr>

      </table>
	  </form>

[suntra]

When you move forms, do you still see them or they disappear ? Maybe it's a problem with the table...

[Arc]

well the whole thing just gets all screwed up like i deleted some html or something. Some parts turn black and tables get rearanged and moved all over...