The functions which you can use for aligning tables are described in this link (http://www.w3schools.com/tags/tag_table.asp).

However, if you're short of time, a quick solution would be to center align everything including the two initial tables.

thanx alot, m almost done now but I just cny seem to get anything ryt by my own. here is my attempt to calculate average of all the prices. it only calculates either the first or last element of the array depending on whether I initialized i as 0 or 1:
function GetAverage()
{
    var avg = 0;
    var sum = 0;
    var table = document.getElementById("dynam");
   for(var i = table.rows.length - 2; i >= 0; i--)
   {
      table.deleteRow(i);
   }
   table.cellSpacing = "20";
   var row, cell;
   row = table.insertRow(0);
   cell = row.insertCell(0);
   cell.appendChild(document.createTextNode("Average"));
   cell = row.insertCell(1);
  
   for (var i = 0; i <= arrStock.length; i++)
     {
        var sum = 0;
        var avg = 0;
        sum = sum + arrStock[i].price;
        avg = (sum / arrStock.length);
        row = table.insertRow(i);
        cell = row.insertCell(0);
        cell.appendChild(document.createTextNode(avg));
        cell = row.insertCell(1);
         
    } 
}

the idea of the table os the same as that of the refresh button.
Thanx

OK, you'll have to give the table an id so you can reference it in the function:

id = "dynamic" border = "0" align = "center">

The code for the RefreshList() function will then be:

AM

Avuya Mxoli15y agoPosted May 25, 2011, 7:56 AM

thanx, the refresh button is on its own table just like other buttons:

Stock List

I did the table like this because before the refresh button is pressed the table that I need to create isnt visible so I thot its onli created at the RefreshList() function. So here I need to read the array and put its contents on the table and tht table needs to be appear in btwn the heading(Stock List) and the button(Refresh) like this:
                        Stock List
Stock Code        Description        Price
1                      A                     25.00
2                      B                     26.00
                    [Refresh]

after the user updates the price, then presses the refresh button, this time it shud show the new price of that item together with other items ofcoz

thanx

Here's the function needed for the Update button. I've named the two textboxes - txtCodeUpdate and txtPriceUpdate:

function UpdateStock()
{
   for(var i = 0; i < arrStock.length; i++)
   {
      if(arrStock[i].code == document.MyForm.txtCodeUpdate.value)
      {
         var oldPrice = arrStock[i].price;
         arrStock[i].price = document.MyForm.txtPriceUpdate.value;
         document.MyForm.txtCodeUpdate.value = "";
         document.MyForm.txtPriceUpdate.value = ""; 
         alert("Stock record code " + arrStock[i].code + ", description " + arrStock[i].description + ", price updated from " + oldPrice + " to " + arrStock[i].price);
         return;
      } 
   } 
}

To do the code for the Refresh button, I'll need to see the HTML for both that button and the table.

thanx vulpes, that worked now i need  a way to access the data thats in the array. When i click update its supposed to update the price of an item depending on what the user types in as the new price. and i also need to display the contents of the array on the form. Im using a table as well here but nothing happens when i try to excecute the reply u first gave me. there is  a refresh button that displays the stock info thenIi update the price, click update and it updates the info on the "refresh table" when i click refresh
eg
stock code: 101
price        :  20.00
              [update button]

---

101     jacket     20.00
102     shoes      22.00
103     pants      40.00
       [refresh button]

Here's my entire code including the javascript. It's exactly the same as I've already posted except I've added a skeleton for the UpdateStock() function. It's working fine on Google Chrome, clearing the textboxes and showing the alert box:

You'll need to make the highlighted changes for the code to work. Basically, you need to use push buttons rather than submit buttons to prevent the array from being reinitialized and to allow the alert box to work. You'll also need to specify the form's name property:

name = "MyForm" action = "">

Simply Shoes Stock Management

---

New Stock

Stock Code:
Stock Description:
Price:
button" value = "Add Stock"  onclick = "AddStock()" />

---

Update Stock

Stock Code:
Price:
button" value = "Update Stock" onclick = "UpdateStock()" />

---

im using google chrome too. here you go:

Simply Shoes Stock Management

---

New Stock

Stock Code:
Stock Description:
Price:

---

Update Stock

Stock Code:
Price:

---

The idea of the alert box was to show how many items had been added to the array but, if it's not displaying for some reason, then it's no help.

However, I've just tried the code myself (Google Chrome) and it worked fine.

Can you post the HTML for the form and let me know which browser you're using, please.

The function for adding a new item of stock to the array when someone clicks the Add button will look something like this:

// Stock constructor

Yes I misunderstood. Objects in JavaScript are quite fundamental. In Objects (JavaScript) Microsoft calls them "objects you create" for the type of thing you would create for the purpose you describe.

JavaScript also has arrays as Vulpes explained, but they are different from arrays in most languages. What JavaScript calls arrays, most languages would call dictionaries or maps or something else.

I am assuming that this is for a script to be executed in a system outside of a web site.

You have at least three options for storing the data on disk. The array of objects is, as far as I understand, a way to have the data in memory but they don't exist on disk, correct?

You can store the data on disk in a file such as a comma-separated-value (CSV) format or another delimited format using a delimiter such as tabs.

Another very common format is XML. There is extensive support for XML in JavaScript.

Another option is a database. This is a very common and practical solution. You can use either SQL Server or MySQL but there are other possibilities.

Yes, you can create an array of user defined objects in javascript.

This sample code may help: