spacer
Yehuda Shiran September 30, 2001
Accessing a Collection Member
Tips: September 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Microsoft Shows Off Silverlight 4, IE9 Plans
Metasploit Expands Vulnerability Test Framework
HyperCard Reborn?

There are several ways to access a collection member on a page. One way is via its index. If you know the positional order of the element on the page, you can access its corresponding collection member via the index. The other way to reference a collection member is by its ID. In this case you need to label the element with an ID. Let's take an example. The first form on a page can be referenced as document.forms[0]. If its ID is "firstForm", the form can be accessed as document.forms["firstForm"].

The following piece of code sends me a mail with your free text. The first version below assumes that the form is no. 1 on the page. Thus, it can be referenced as document.forms[0] across the page:

<FORM METHOD="post" ACTION="mailto:tomer@internet.com"  
  ENCTYPE="text/plain" onSubmit="return proceedSubmission()">
<TEXTAREA NAME="inputField" COLS="40" ROWS="10"></TEXTAREA><BR>
<A HREF="thanks.htm" onClick="submitForm(0)">Mail It!</A>
</FORM>

<SCRIPT LANGUAGE="JavaScript">
<!--
function submitForm(sub) {
  document.forms[sub].submit();
}

function proceedSubmission() {
  return confirm("Click OK to mail this information");
}
// -->
</SCRIPT>

Mail It!
The second version below assigns ID="firstForm" to the first element and accesses it through forms["firstForm"]:

<FORM METHOD="post" ACTION="mailto:tomer@internet.com"  
  ENCTYPE="text/plain" onSubmit="return proceedSubmission()" ID="firstForm" >
<TEXTAREA NAME="inputField" COLS="40" ROWS="10"></TEXTAREA><BR>
<A HREF="thanks.htm" onClick="submitForm('firstForm')">Mail It!</A>
</FORM>

<SCRIPT LANGUAGE="JavaScript">
<!--
function submitForm(sub) {
  document.forms[sub].submit();
}

function proceedSubmission() {
  return confirm("Click OK to mail this information");
}
// -->
</SCRIPT>
Try it:


Mail It!

People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Rolling Out Your Own HTML Application Version Control · HTML 5: Client-side Storage · Working with Ajax Server Extensions
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Wi-Fi Product Watch, November 2009 · Chip Market Recovering From '08 Collapse · Low-Cost Tools to Kickstart Your New Business