Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Javascript w/HTML Form Submission to Diff. Pages

Status
Not open for further replies.
setzer9999

setzer9999

Programmer
Aug 4, 2008
1
US
Hello.

This is a long post, but it is all necessary. I cannot post this information to a url from this location.

I never trained for Javascript at school, and never intended to have these responsibilities, so please, please, be kind to me and please help.

I have been doing html/css work for some time. I recently acquired extra duties involving Javascript even though I expressed that I don't know any Javascript. It is only about 1-2% of total workload now... I am trying to learn, but I cannot fast enough for now. Please be kind to me :)

I am posting a page of code below. I have done my best to leave all functionality intact but remove all company information. I suggest pasting this into your web development tool of choice.

What I need it to do: There are two radio buttons next to the words "Pertinent text here."

They are Yes and No options.

Working with the existing html and script, the "Next" submission button at the bottom of the page must reference the array for the radio buttons.

*******If Yes is checked, the browser should opne up one page when Next is clicked, and if No is checked, the browser should open up a different page. Please help. I know it is huge and a long post, but please help.*********

Code: 
<html>
<head>
<link rel="stylesheet" style="text/css" href="page.css" />
<title>some page</title>
<script language="JavaScript">
<!--
<!--
  function bodyinitialize() {
	}
// -->

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_popupMsg(msg) { //v1.0
  alert(msg);
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>
<body marginwidth="0" leftmargin="0" >
<!-- BEGIN BANNER -->
<!-- END BANNER -->
<!-- BEGIN PRIMARY NAVIGATION BAR -->
<!-- END PRIMARY NAVIGATION BAR -->
<!-- BEGIN SECONDARY NAVIGATION BAR -->
<table border="0" cellspacing="0" cellpadding="0" width="762">
  <tr> 
    <td width="24"><img src="image.gif" height="1" width="24" alt=""></td>
    <td class="Identification"></td>
    <td class="AlignRight"><img src="image.gif" width="5" height="1" alt=""><a href="#" onClick="MM_openBrWindow('page.htm','','menubar=yes,scrollbars=yes,resizable=yes,width=583,height=600')"><img src="image.gif" alt="" width="63" height="21" border="0"></a></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td colspan="12"><img src="image.gif" height="24" width="1" alt="" /></td>
  </tr>
  <tr> 
    <td width="11" rowspan="2">&#160;</td>
    <td class="Color4" valign="top"><img src="image.gif" width="9" height="9" alt="" /></td>
    <td class="Color4" width="8" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td width="6" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td width="1" class="Color4" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td rowspan="2" width="10"><img src="image.gif" width="1" height="12" alt="" /></td>
    <td height="36" rowspan="2" class="PageTitle">
      <p>Page Title</p>
      </td>
    <td width="12" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td class="Color4" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td width="6" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td class="Color4" width="7" rowspan="2"><img src="image.gif" width="1" height="1" alt="" /></td>
    <td class="Color4"valign="top"><img src="image.gif" width="9" height="9" alt="" /></td>
  </tr>
  <tr> 
    <td valign="top" class="Color4"><img src="image.gif" width="8" height="28" alt="" /></td>
    <td valign="top" class="Color4"><img src="image.gif" width="8" height="28" alt="" /></td>
  </tr>
  <tr> 
    <td colspan="12"><img src="image.gif" height="9" width="1" alt="" /></td>
  </tr>
</table> 
<!-- END TITLE TABLE -->
<!--BEGIN WORKSPACE -->
<form>
  <table width="762" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="11"></td>
      <td width="9"></td>
      <td width="733"></td>
      <td width="9"></td>
    </tr>
    <tr> 
      <td class="Color1"><img src="image.gif" width="11" height="8" alt="" /></td>
      <td colspan="3" class="InstructionPrimaryBoldGreen"><p>text here.</p>      </td>
    </tr>
    <tr> 
      <td class="Color1">&#160;</td>
      <td colspan="3"><img src="image.gif" width="1" height="24" alt="" /></td>
    </tr>
    <tr class="Color3"> 
      <td class="Color1"></td>
      <td><img src="image.gif" width="9" height="9" alt="" /></td>
      <td><img src="image.gif" width="733" height="8" alt="" /></td>
      <td><img src="image.gif" width="9" height="9" alt="" /></td>
    </tr>
    <tr> 
      <td class="Color1"></td>
      <td colspan="3"> <table width="751" border="0" cellspacing="0" cellpadding="0">
          <tr class="SectionHeaderFirst"> 
            <td colspan="5" class="SectionHeaderFirstLabel" height="18">Log-in Information </td>
          </tr>
          <tr> 
            <td colspan="5" class="Color2"><img src="image.gif" width="1" height="1" alt="" /></td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="5" alt="" /></td>
          </tr>
          <tr> 
            <td colspan="5" class="InstructionSecondary">Text here. </td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="9" alt="" /></td>
          </tr>
          
          <tr> 
            <td class="FormLabel"><img src="image.gif" width="220" height="1"></td>
            <td class="AlignCenter"><img src="image.gif" width="15" height="1"></td>
            <td class="FormField"><img src="image.gif" width="265" height="1"></td>
            <td><img src="image.gif" width="5" height="1"></td>
            <td><img src="image.gif" width="246" height="1"></td>
          </tr>
          <tr> 
            <td width="220" height="27" class="FormLabel">Header here.</td>
            <td width="15" class="AlignCenter"><span class="BodyTextCritical">*</span></td>
            <td colspan="3" class="FormField"> <input type="text" name="UserID" size="20" maxlength="32" />            </td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">text here.</td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel" height="27">Header here.</td>
            <td class="AlignCenter"><span class="BodyTextCritical">*</span></td>
            <td colspan="3" class="FormField"> <input type="password" name="Password" size="20" maxlength="32" />            </td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">text here. </td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel" height="27">Header Here.</td>
            <td class="AlignCenter"><span class="BodyTextCritical">*</span></td>
            <td colspan="3" class="FormField"> <input type="password" name="PasswordConfirm" size="20" maxlength="10" /> 
              <img src="image.gif" width="5" height="1" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td width="265" class="FormField">text here. 
              <br> <br></td>
            <td width="5">&nbsp;</td>
            <td width="246">&nbsp;</td>
          </tr>
          
          <tr> 
            <td colspan="5" class="FormLabel"><img src="image.gif" width="1" height="18"></td>
          </tr>
        </table></td>
    </tr>
    <tr class="Color3"> 
      <td class="Color1"></td>
      <td><img src="image.gif" width="9" height="9" alt="" /></td>
      <td><img src="image.gif" width="733" height="8" alt="" /></td>
      <td><img src="image.gif" width="9" height="9" alt="" /></td>
    </tr>
    <tr> 
      <td class="Color1"></td>
      <td colspan="3"> <table width="751" border="0" cellspacing="0" cellpadding="0">
          <tr class="SectionHeaderFirst"> 
            <td colspan="5" class="SectionHeaderFirstLabel" height="18"> Header Here. </td>
          </tr>
          <tr> 
            <td colspan="5" class="Color2"><img src="image.gif" width="1" height="1" alt="" /></td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="5" alt="" /></td>
          </tr>
          <tr> 
            <td colspan="5" class="InstructionSecondary">text here. (<span class="BodyTextCritical">*</span>) </td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel"><img src="image.gif" width="220" height="1"></td>
            <td class="AlignCenter"><img src="image.gif" width="15" height="1"></td>
            <td class="FormField"><img src="image.gif" width="265" height="1"></td>
            <td><img src="image.gif" width="5" height="1"></td>
            <td><img src="image.gif" width="246" height="1"></td>
          </tr>
          <tr> 
            <td height="27" colspan="5" class="BodyText"><blockquote> 
                <blockquote> 
                  <p><span class="BodyTextCritical">*</span>text here.</p>
                </blockquote>
              </blockquote></td>
          </tr>
          <tr> 
            <td colspan="5"><img src="image.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td width="220" height="27" class="FormLabel"><table width="80" border="0" align="left" cellpadding="0" cellspacing="0">
                <tr> 
                  <td><div align="right"> 
                      <input name="radiobutton" type="radio" value="radiobutton" checked>
                    </div></td>
                </tr>
              </table>
              Header here.</td>
            <td width="15" class="AlignCenter">&nbsp;</td>
            <td width="265" class="FormField"> <input type="password" name="SocialSecurityNumber" size="20" maxlength="11" />            </td>
            <td width="5"><img src="image.gif" width="1" height="5" alt="" /></td>
            <td width="246">&nbsp;</td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">text here. </td>
          </tr>
          <tr> 
            <td colspan="5"></td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr>
            <td height="27" class="FormLabel">Header here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormField"><input type="password" name="SocialSecurityNumber" size="20" maxlength="11" />            </td>
            <td><img src="images.gif" width="1" height="5" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">Header Here.</td>
          </tr>
          <tr>
            <td colspan="5"></td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr>
            <td><div align="right"><strong>OR</strong></div></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          
          <tr> 
            <td height="27" class="FormLabel"><table width="80" border="0" align="left" cellpadding="0" cellspacing="0">
                <tr> 
                  <td><div align="right"> 
                      <input name="radiobutton" type="radio" class="FormField" value="radiobutton">
                    </div></td>
                </tr>
              </table>
              Header Here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormFieldDisabled"> <input name="SocialSecurityNumber" bgcolor="#DEDEDE" type="password" class="FormFieldDisabled2" size="20" maxlength="11" />            </td>
            <td><img src="images.gif" width="1" height="5" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">Text here. 
              <span class="Note">.</span></td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td colspan="5"></td>
          </tr>
          <tr>
            <td height="27" class="FormLabel">Header Here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormFieldDisabled"><input name="SocialSecurityNumber" type="password" bgcolor="#DEDEDE" class="FormFieldDisabled2" size="20" maxlength="11" />            </td>
            <td><img src="images.gif" width="1" height="5" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">Text Here.<span class="Note"></span></td>
          </tr>
          <tr>
            <td colspan="5"></td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="12" alt="" /></td>
          </tr>
          <tr>
            <td colspan="5" bgcolor="#999999"><img src="images.gif" width="1" height="1" alt="" /></td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="12" alt="" /></td>
          </tr>
          
          <tr> 
            <td class="FormLabel" height="27"><span class="BodyTextCritical">*</span>Header here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormField"> <input type="text" name="BirthDate" size="20" maxlength="10" />            </td>
            <td><img src="images.gif" width="5" height="1" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">Text here.</td>
          </tr>
          <tr>
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr>
            <td class="FormLabel" height="27"><span class="BodyTextCritical">*</span>Text here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormField"><select name="select">
              <option>text here.</option>
              </select>            </td>
            <td><img src="images.gif" width="1" height="5" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          
          <tr> 
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel" height="27"><span class="BodyTextCritical">*</span>Header Here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormField"> <input type="text" name="SocialSecurityNumber" size="20" maxlength="11" />            </td>
            <td><img src="images.gif" width="1" height="5" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">text here. </td>
          </tr>
          <tr> 
            <td colspan="5"></td>
          </tr>
          <tr> 
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel" height="27"><span class="BodyTextCritical">*</span>text here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td class="FormField"> <input type="text" name="BirthDate" size="15" maxlength="10" /> 
              -
              <input type="text" name="BirthDate2" size="10" maxlength="10" /></td>
            <td><img src="images.gif" width="5" height="1" alt="" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField">text here.</td>
          </tr>
          <tr> 
            <td colspan="5"><img src="images.gif" width="1" height="9" alt="" /></td>
          </tr>
          <tr> 
            <td class="FormLabel" height="27">Header Here.</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField"> <input type="text" name="SocialSecurityNumber2" size="50" maxlength="11" />            </td>
          </tr>
          <tr> 
            <td class="FormLabel">&nbsp;</td>
            <td class="AlignCenter">&nbsp;</td>
            <td colspan="3" class="FormField"> text here. 
              <br></td>
          </tr>
          <tr>
          <td class="FormLabel" height="27">Pertinent text here.</td>
          <td class="AlignCenter">&nbsp;</td>
          <td colspan="3" > <input type="radio" name="recievemail" value="Yes" class="FormField" checked />Yes&nbsp;<input type="radio" name="recievemail" value="No" class="FormField"/>
          No</td>
          </tr>
        </table></td>
    </tr>
    <tr class="Color3">
      <td class="Color1"></td>
      <td><img src="images.gif" width="9" height="9" alt="" /></td>
      <td><img src="images.gif" width="733" height="8" alt="" /></td>
      <td><img src="images.gif" width="9" height="9" alt="" /></td>
    </tr>
    <tr>
      <td class="Color1"></td>
      <td colspan="3"><table width="751" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="15"></td>
          <td width="396"></td>
          <td width="340"></td>
        </tr>
        <tr>
          <td colspan="3" class="SectionHeaderFirstLabel" height="18">Header here. </td>
        </tr>
        <tr>
          <td colspan="3" class="Color2"><img src="images.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr>
          <td colspan="3"><img src="images.gif" width="1" height="5" alt="" /></td>
        </tr>
        <tr>
          <td colspan="3" class="InstructionSecondary"><p>text here.<br>
            text here.</p></td>
        </tr>
        <tr>
          <td colspan="3"><img src="images.gif" width="1" height="9" alt="" /></td>
        </tr>
        <tr>
          <td height="18">&nbsp;</td>
          <td><div align="center"><strong>Text here</strong></div></td>
          <td valign="top"><div align="center"><strong>text here.</strong></div></td>
        </tr>
        <tr>
          <td height="27">&#160;</td>
          <td class="DisplayOnlyData"><span class="FormField">
            <select name="select2">
              <option>------------------Header Here.------------------</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
            </select>
          </span></td>
          <td valign="top"><div align="left"><span class="FormField">
            <input type=password maxlength=30 size=20 
                  name=UserPassword2222 />
          </span></div></td>
        </tr>
        <tr>
          <td colspan="3"><img src="images.gif" width="1" height="12" alt="" /></td>
        </tr>
        <tr>
          <td height="27">&#160;</td>
          <td class="DisplayOnlyData"><span class="FormField">
            <select name="select2">
              <option>------------------Header Here.------------------</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
            </select>
          </span></td>
          <td valign="top"><div align="left"><span class="FormField">
            <input type=password maxlength=30 size=20 
                  name=UserPassword2222 />
          </span></div></td>
        </tr>
        <tr>
          <td colspan="3"><img src="images.gif" width="1" height="12" alt="" /></td>
        </tr>
        <tr>
          <td height="27">&#160;</td>
          <td class="DisplayOnlyData"><span class="FormField">
            <select name="select2">
              <option>------------------Header Here.------------------</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
            </select>
          </span></td>
          <td valign="top"><div align="left"><span class="FormField">
            <input type=password maxlength=30 size=20 
                  name=UserPassword2222 />
          </span></div></td>
        </tr>
        <tr>
          <td colspan="3"><img src="images.gif" width="1" height="12" alt="" /></td>
        </tr>
        <tr>
          <td height="27">&#160;</td>
          <td class="DisplayOnlyData"><span class="FormField">
            <select name="select2">
              <option>------------------Header Here.------------------</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
            </select>
          </span></td>
          <td valign="top"><div align="left"><span class="FormField">
            <input type=password maxlength=30 size=20 
                  name=UserPassword2222 />
          </span></div></td>
        </tr>
        <tr>
          <td colspan="3"><img src="images.gif" width="1" height="12" alt="" /></td>
        </tr>
        <tr>
          <td height="27">&nbsp;</td>
          <td class="DisplayOnlyData"><span class="FormField">
            <select name="select2">
              <option>------------------Header here.------------------</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
              <option>text here.</option>
            </select>
          </span></td>
          <td valign="top"><div align="left"><span class="FormField">
            <input type=password maxlength=30 size=20 
                  name=UserPassword2222 />
          </span></div></td>
        </tr>
        <tr>
          <td height="18" colspan="3"><img src="images.gif" width="1" height="18" alt="" /></td>
        </tr>
      </table></td>
    </tr>
    
    <!-- Button Section -->
    <tr> 
      <td class="Color1"></td>
      <td colspan="3"> <table width="751" border="0" cellspacing="0" cellpadding="0">
          <tr> 
            <td><img src="images.gif" width="1" height="18" alt="" /></td>
          </tr>
          <tr> 
            <td class="Color2"><img src="images.gif" width="1" height="1" alt="" /></td>
          </tr>
          <tr> 
            <td><img src="images.gif" width="1" height="18" alt="" /></td>
          </tr>
          <tr> 
            <td class="NavigationButtons"> <img src="images.gif" width="8" height="7"> 
              <input name="Submit" type="submit" class="ButtonLabel" onClick="MM_goToURL('self','[URL unfurl="true"]http://www.google.com');return[/URL] document.MM_returnValue" value="Next"> 
              <img src="images.gif" width="3" height="1" alt="" /> <img src="images.gif" width="8" height="7"> 
              <input name="Submit22" type="submit" class="ButtonLabel" onClick="MM_goToURL('self','page.htm');return document.MM_returnValue" value="Cancel">            </td>
          </tr>
        </table></td>
    </tr>
  </table>
</form> 
<!-- END WORKSPACE -->
<!-- START FOOTER -->
<table width="762" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td><img src="images.gif" width="11" height="1" alt="" /></td>
    <td><table width="751" border="0" cellspacing="0" cellpadding="2">
        <tr> 
          <td width="324"><img src="images.gif" width="84" height="41"></td>
          <td width="100"> <div align="center"><a href="#" onClick="MM_openBrWindow('page.htm','','menubar=yes,scrollbars=yes,resizable=yes,width=530,height=300')"><img src="images.gif" width="100" height="52" border="0"></a></div></td>
          <td width="327"> <div align="right"><img src="images.gif" width="84" height="27"></div></td>
        </tr>
        <tr> 
          <td colspan="3"><img src="images.gif" width="1" height="2" alt="" /></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="10" height="12"></td>
    <td class="Footer"><a href="#" onClick="MM_openBrWindow('page.htm','popmedium','menubar=yes,scrollbars=yes,resizable=yes,width=582,height=500')">&copy; 
      Text | <a href="#" onClick="MM_openBrWindow('page.htm','popmedium','menubar=yes,scrollbars=yes,resizable=yes,width=582,height=500')">Text</a> | <a href="#" onClick="MM_openBrWindow('page.htm','popmedium','menubar=yes,scrollbars=yes,resizable=yes,width=582,height=500')">Text</a> | <a href="#" onClick="MM_openBrWindow('page.htm','popmedium','menubar=yes,scrollbars=yes,resizable=yes,width=582,height=500')">Text</a> | <a href="#footer" onClick="MM_openBrWindow('page.htm','','menubar=yes,scrollbars=yes,resizable=yes,width=583,height=600')"><img src="image.gif" alt="" width="9" height="9" border="0"><img src="image.gif" border="0" width="2" height="1">Text</a><br>
      Text</td>
    <!--<td width="45"></td>-->
  </tr>
</table>
<!-- END FOOTER -->
</body>
</html>
 
Sort by date Sort by votes
You would access the radio buttons as a collection.

If you give your form a name of, for example, 'myForm':

Code: 
<form name="myForm">

then you can determine whether those radios are checked or not using:

Code: 
alert(document.forms['myForm'].elements['recievemail'][0].checked);
alert(document.forms['myForm'].elements['recievemail'][1].checked);

So you'd find which is checked and use an if/else to determine which code to run (i.e. which URL to open).

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
590
lexer
lexer
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
1K
Mike Lewis
Mike Lewis
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
662
xwb
xwb
JScannell
  • Locked
  • Question
Javascript events
Replies
1
Views
245
Daniel K
Daniel K
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
540
Rayj0000
Rayj0000

Part and Inventory Search

Sponsor

Back
Top