programming GUI boxes via array?

Mark Scott · Feb 17, 2008

I am trying to fill out some boxes on a webpage using JavaScript. Rather
than use the wasy method (see attached function! is there anyway I can set
the form element way by using a for loop? I tried:

function showStockLevels()
{
var writeCounter
for (writeCounter = 0; writeCounter < ProductPrices.length; writeCounter =
writeCounter + 1);
{
document.administrator.itemCodes[writecounter]+MainStock.value =
productPrices[writeCounter]
}
}

but that threw an error. any ideas?

<SCRIPT
language="JavaScript"
type="text/javascript">
var productDescriptions = ['Superslurry electric blender', 'Apple - iPod
(second-hand)', 'CoziNap nylon duvet tog 2', 'Headbanger mini hi-fi 20W',
'MagiBoot shoe cleaning kit', 'The PushmiPulu lawnmower'];
var productPrices = [45, 50, 15, 25, 75, 70];
var productStock = [200, 0, 2, 500, 500, 15];
var receivedLevels = [50, 10, 150, 500, 50, 100];

function showStockLevels()
{
document.administrator.ssMainStock.value='200';
document.administrator.aiMainStock.value='0';
document.administrator.cnMainStock.value='2';
document.administrator.hbMainStock.value='500';
document.administrator.mbMainStock.value='50';
document.administrator.ppMainStock.value='15'
document.administrator.ssReceivedStock.value='50'
document.administrator.aiReceivedStock.value='10'
document.administrator.cnReceivedStock.value='150'
document.administrator.hbReceivedStock.value='500'
document.administrator.mbReceivedStock.value='50'
document.administrator.ppReceivedStock.value='100'
}

</SCRIPT>

</HEAD>

<BODY>

<FORM NAME = "administrator">
<BR>
SOFA SPEND plc. CURRENT STOCK LEVELS<BR><BR>
Superslurry electric blenders <BR> Current stock
<BR>
<INPUT TYPE = "text"
NAME = "ssMainStock"
VALUE = "" >
Received:
<INPUT TYPE = "text"
NAME = "ssReceivedStock"
VALUE = "">
<BR><BR>
Apple iPods (second hand) <BR> Current stock
<BR>
<INPUT TYPE = "text"
NAME = "aiMainStock"
VALUE = "" >
Received:
<INPUT TYPE = "text"
NAME = "aiReceivedStock"
VALUE = "">
<BR><BR>
CoziNap duvets<BR> Current stock
<BR>
<INPUT TYPE = "text"
NAME = "cnMainStock"
VALUE = "" >
Received:
<INPUT TYPE = "text"
NAME = "cnReceivedStock"
VALUE = "">
<BR><BR>
Headbanger hi-fi<BR> Current stock
<BR>
<INPUT TYPE = "text"
NAME = "hbMainStock"
VALUE = "" >
Received:
<INPUT TYPE = "text"
NAME = "hbReceivedStock"
VALUE = "">
<BR><BR>
Magiboot cleaning kits<BR> Current stock
<BR>
<INPUT TYPE = "text"
NAME = "mbMainStock"
VALUE = "" >
Received:
<INPUT TYPE = "text"
NAME = "mbReceivedStock"
VALUE = "">
<BR><BR>
PushmiPulu lawnmowers<BR> Current stock
<BR>
<INPUT TYPE = "text"
NAME = "ppMainStock"
VALUE = "" >
Received:
<INPUT TYPE = "text"
NAME = "ppReceivedStock"
VALUE = "">
<BR><BR>
<INPUT TYPE = "button"
VALUE = "Show all stock holdings"
ONCLICK = "showStockLevels()">
</FORM>
</BODY>
</HTML>

Doug Gunnoe · Feb 17, 2008

function showStockLevels()
{
var writeCounter
for (writeCounter = 0; writeCounter < ProductPrices.length; writeCounter=
writeCounter + 1);
{
document.administrator.itemCodes[writecounter]+MainStock.value =
productPrices[writeCounter]

That does not make sense.

You are adding or concatenating 'itemCodes[writecounter]' and
'MainStock.value' then assigning 'productPrices[writeCounter]' to
what?

If you are trying to modify all the input elements of your form, maybe
something like this:

var myForm = document.getElementsByName('administrator')[0];

for(var i =0;i< myForm.childNodes.length;i++){
if(myForm.childNodes.nodeName == "INPUT")
myForm.childNodes.value = MainStock.value +
productPrices[writeCounter] //or whatever you were trying to do here
}

and provided that MainStock.value is a legitimate reference

Mark Scott · Feb 17, 2008

THanks for that but im not sure what your code acheives (just getting into
the javascript). What I was trying to do is use an array to reference
each form element. I have created an array of the first bit of the form
name and wanted to use a for loop to concatenate the first bit with the last
bit.

function showStockLevels()
{
var writeCounter
for (writeCounter = 0; writeCounter < ProductPrices.length; writeCounter =
writeCounter + 1);
{
document.administrator.itemCodes[writecounter]+MainStock.value =
productPrices[writeCounter]

That does not make sense.

You are adding or concatenating 'itemCodes[writecounter]' and
'MainStock.value' then assigning 'productPrices[writeCounter]' to
what?

If you are trying to modify all the input elements of your form, maybe
something like this:

var myForm = document.getElementsByName('administrator')[0];

for(var i =0;i< myForm.childNodes.length;i++){
if(myForm.childNodes.nodeName == "INPUT")
myForm.childNodes.value = MainStock.value +
productPrices[writeCounter] //or whatever you were trying to do here
}

and provided that MainStock.value is a legitimate reference

Doug Gunnoe · Feb 17, 2008

THanks for that but im not sure what your code acheives (just getting into
the javascript).

My code references each input element of your form and modifies it.

What I was trying to do is use an array to reference
each form element. I have created an array of the first bit of the form
name and wanted to use a for loop to concatenate the first bit with the last
bit.

Are you trying to change the values of the form?

document.administrator.itemCodes

What is itemCodes? There is no itemCodes node in your document.

Your statement is trying to access a node from the root 'document' to
a node called 'administrator' and then a nonexistent child element of
administrator called 'itemCodes'.

A better way of referencing such nodes would be methods like
getElementsByName, getElementByID.

And can you explain what you expect the following to do?

document.administrator.itemCodes[writecounter]+MainStock.value = productPrices[writeCounter]

Good luck.

Help with code	0	Jun 12, 2022
adding totals from 1 array to another	1	Feb 24, 2008
Song requests	4	Aug 16, 2023
Trouble with signup PHP	2	Aug 9, 2024
Issue with textbox script?	0	Sep 5, 2022
Javascrip code wont run properly.	2	Oct 2, 2022
Looping through Arrays - variable undefined?	7	Feb 9, 2008
How do I get the if statement correct in the lines that has it in the program?	2	Mar 16, 2023

programming GUI boxes via array?

Mark Scott

Doug Gunnoe

Mark Scott

Doug Gunnoe

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads