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

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs

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, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint