HTML create array problem

Discussion in 'HTML & Website Design' started by fhatzis, Jan 3, 2009.

0
  1. #1
    I have the following problem in my jscript program..My programm has the following structure:

    <html>
    <head>
    <title></title>
    <script type="text/javascript">

    var result;

    function func(add)
    {
    result=add+5;
    return result;
    }

    <script>
    </head>

    <form action="#" onsubmit="func(this.add.value); return false">

    <p>

    <input type="text" size="60" name="add"/>

    <input type="submit" value="Go!" />

    </p>

    </form>
    </body>
    </html>





    My problem is that I want to create a table with "result" values. The variable result is being returned as you see when I press the button "Go!" and is calculated in the "func" function. How Can I create this table in the <body> </body> section without knowing the value of the "result" variable ???

    For example:


    I write in the textbox the number 4.Then I press the button Go! Then the function func calculates the result variable and give it the value 4+5=9. (result=add+5).My problem here is that I dont know how to create a table with length = 9..I know how to create generally a table in html language but I dont know how to create it in the <body> </body> section and with a special number as result..

    Please help me if you know how..
    Thank you for your time and I wish u happy new year!!!
     
    fhatzis, Jan 3, 2009 IP
  2. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    try to search on DOM element creation using javascript
     
    fairuz.ismail, Jan 3, 2009 IP
  3. ThePickyOne

    ThePickyOne Peon

    Messages:
    30
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I'm not sure I fully understand what you are trying to achieve but here is an example of what I believe you are striving for, see code snippit below:

    <HTML><HEAD><TITLE></TITLE>
    <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
    var theseValues = '0';
    function button1_onclick() {
    var thisValue;
    var thisArray;
    var thisTable = '';
    thisValue = document.getElementById("text1").value
    theseValues = theseValues + '~' + thisValue;
    document.getElementById("text1").value = '';
    thisArray = theseValues.split('~');
    var indexCount;
    var indexTotal = thisArray.length;
    thisTable = '<table border="1"><tr><td>Equation</td><td>Result</td></tr>';
    for(indexCount = 1; indexCount < indexTotal; indexCount++){
    var thisNum = parseInt(thisArray[indexCount]) + 5 ;
    var thisNumText = thisNum.toString();
    thisTable = thisTable + '<tr><td>5 + ' + thisArray[indexCount] + ' = </td><td>' + thisNumText + '</td></tr>';
    }
    thisTable = thisTable + '</table>';
    document.getElementById('myContainer').innerHTML = thisTable;
    }
    function button2_onclick() {
    document.getElementById('myContainer').innerHTML = '';
    }
    </SCRIPT></HEAD><BODY>
    <INPUT type="text" id=text1 name=text1><br />
    <INPUT type="button" value="Enter a number and click here" id=button1 name=button1 LANGUAGE=javascript onclick="return button1_onclick()">
    <INPUT type="button" value="Clear" id=button2 name=button2 LANGUAGE=javascript onclick="return button2_onclick()">
    <!-- This is my container object -->
    <table><tr><td id='myContainer'></td></tr></table>
    </BODY></HTML>
     
    ThePickyOne, Jan 15, 2009 IP