programming GUI boxes via array?

M

Mark Scott

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>
 
D

Doug Gunnoe

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

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
 
M

Mark Scott

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]
Click to expand...

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
 
D

Doug Gunnoe

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

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.
Click to expand...

Are you trying to change the values of the form?
document.administrator.itemCodes
Click to expand...

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]
Click to expand...

Good luck.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Help with code 0
adding totals from 1 array to another 1
Song requests 4
Issue with textbox script? 0
Javascrip code wont run properly. 2
Looping through Arrays - variable undefined? 7
How do I get the if statement correct in the lines that has it in the program? 2
I need help making a zooming function 11

Members online

No members online now.
Total: 31 (members: 0, guests: 31)
Robots: 204

Forum statistics

Threads
473,763
Messages
2,569,563
Members
45,039
Latest member
CasimiraVa

Latest Threads

Top