yet another 'object has no properties' error

[droesler]

I have a function that receives a form name and field name.

someFunc(formNa me, fieldName) {
var fieldVal = document.forms[formName].elements[fieldName].value;
[snip]
}

This triggers the 'has no properties error. An alert message shows the
correct values are being passed in. If I hardcode
var fieldVal = document.realFo rmName.realFiel dName.value;
no error is generated and fieldVal has the value of the input field.

An alert(document. forms.length) displays 1, which is what I would
expect. It seems if I try to access some part of the document through
variables in javascript errors are generated. If I hard code document
object names in the javascript then the javascript functions as
expected.

The generated document passes the w3c validator test, although that
doesn't look at all of the sourced javascript files; and the Mozilla
JavaScript console shows no errors until the above function is called.

How can I troubleshoot this problem?

Thanks

Dennis

[Martin Honnen]

dr******@comcas t.net wrote:

I have a function that receives a form name and field name.

someFunc(formNa me, fieldName) {
var fieldVal = document.forms[formName].elements[fieldName].value;
[snip]
}

This triggers the 'has no properties error.

The generated document passes the w3c validator test, although that
doesn't look at all of the sourced javascript files; and the Mozilla
JavaScript console shows no errors until the above function is called.

Show us the function call so that we know the actual parameter values,
then show us the corresponding HTML markup for the form and the element.
Or post a URL where the problem occurs. Does the problem only occur
with Mozilla or other browsers too?

--

Martin Honnen
http://JavaScript.FAQTs.com/

[droesler]

Martin Honnen wrote:

dr******@comcas t.net wrote:

I have a function that receives a form name and field name.

someFunc(formNa me, fieldName) {
var fieldVal = document.forms[formName].elements[fieldName].value;
[snip]
}

This triggers the 'has no properties error.

The generated document passes the w3c validator test, although that
doesn't look at all of the sourced javascript files; and the Mozilla
JavaScript console shows no errors until the above function is called.

Show us the function call so that we know the actual parameter values,
then show us the corresponding HTML markup for the form and the element.
Or post a URL where the problem occurs. Does the problem only occur
with Mozilla or other browsers too?

The HTML markup with the function call:
<a href="javascrip t:getEmail('off iceInfo', 'officeEmail')"
title="Click here to select email addresses...">e Mail</a>
<input type="text" name="officeEma il" value="$officeE mail"
tabindex="9">

The javascript function:
function getEmail(formNa me, fieldName) {
var email =
window.document .forms[formName].elements[fieldName].value;
if (email.length 0) {
email += ",";
}
var link = "/cgi-bin/ldapEmailPickLi st.pl?formName= " + formName +
"&fieldName =" + fieldName;
link += "&emailList =" + email;
window.open(lin k, "", "menubar, scrollbars, resizable, width=650,
height=600");
return;
}

[droesler]

droes...@comcas t.net wrote:

Martin Honnen wrote:

dr******@comcas t.net wrote:

I have a function that receives a form name and field name.
>
someFunc(formNa me, fieldName) {
var fieldVal = document.forms[formName].elements[fieldName].value;
[snip]
}
>
This triggers the 'has no properties error.

The generated document passes the w3c validator test, although that
doesn't look at all of the sourced javascript files; and the Mozilla
JavaScript console shows no errors until the above function is called.

Show us the function call so that we know the actual parameter values,
then show us the corresponding HTML markup for the form and the element.
Or post a URL where the problem occurs. Does the problem only occur
with Mozilla or other browsers too?

The HTML markup with the function call:
<a href="javascrip t:getEmail('off iceInfo', 'officeEmail')"
title="Click here to select email addresses...">e Mail</a>
<input type="text" name="officeEma il" value="$officeE mail"
tabindex="9">

The javascript function:
function getEmail(formNa me, fieldName) {
var email =
window.document .forms[formName].elements[fieldName].value;
if (email.length 0) {
email += ",";
}
var link = "/cgi-bin/ldapEmailPickLi st.pl?formName= " + formName +
"&fieldName =" + fieldName;
link += "&emailList =" + email;
window.open(lin k, "", "menubar, scrollbars, resizable, width=650,
height=600");
return;
}

Meant to add that it occurs in both Mozilla and IE.