DOM concat variable into instruction 2

[chetFinster]

See below - "B" works, while "A' doesn't.

I want to allow the user to change some values in the FORM by passing params in a function. The value of 'thisFormName' is retrieved dynamically so the script is re-useable (test for FORM type).

Simply trying to use the variable (thisFormName) to allow execution of a command based on a retreived value to change a value in a FORM, but the 'A' version doesn't execute.

A. eval("document." + thisFormName + ".elements[0].style.width=" + newWidth);

B. document.form2.elements[0].style.width= newWidth;

Your help is appreciated after MUCH digging and hair pulling.

 

[tsdragon]

Try using the forms collection:

document.forms[thisFormName].elements[0].style.width=newWidth;

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[BillyRayPreachersSon]

And you should ALWAYS append a unit specifier, otherwise you'll find it probably won't work in Firefox:

document.forms[thisFormName].elements[0].style.width = newWidth + 'px';

Hope this helps,
Dan


The answers you get are only as good as the information you give!

 

[tsdragon]

Good catch on that one BRPS!


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.