Learn VBA & Macros in 1 Week!

JavaScript - How To For-loop Php Array ($_post) Elements Correctly In Js

Full Excel VBA Course - Beginner to Expert

How To For-loop Php Array ($_post) Elements Correctly In Js	View Content

I wrote js functions to reset a php form (multiple questions). The below works:

Code:

function resetForm(){
  	   resetGroup(document.forms[0].answer1);
  	   resetGroup(document.forms[0].answer2);
	}

Answer1 and answer2 are the elements of $_POST array. (<input name="answer1"> in php). In this example, I tried with only two questions, but I have up to 35 questions in one form. Instead of writing the above resetGroup() 35 times, I want to for-loop it. I tried

Code:

function resetForm(){
	   for (var i=1; i<3; i++){
  	   resetGroup(document.forms[0]."answer"+i);
	}

That didn't work. Could someone help me to make the loop work? Or would someone have better or simpler idea? Thanks.

Full Excel VBA Course - Beginner to Expert

Loop Elements By Name

Similar Tutorials

View Content

Ok so I have these elements on my page:

Code:

<input type="text" size="5" name="val[]" value="'.$NotaMaxima.'">

I want to loop through each one and take their number add it to another number set in a variable elsewhere and then alert that number.

The amount of these elements on the page changes constantly, so I can't count on that. It has to loop through each one to find the values. I tried this:

Code:

var els,i,asig;
 els=document.getElementsByTagName('val');
 for(i in els) {
   asig = parseInt(els[i].value) - parseInt(asig);
 }
alert(asig);

But no go, any ideas?

Can I Increment Elements Each Loop?

Similar Tutorials

View Content

Hi again,

I have written the follow code. It is meant to (when finished) output a table showing each member of the array PEOPLE. There Income ,there Tax bracket and there finally there total tax paid.

The calulations in the if-else statements are correct.
I have to create a loop that will go through the if else statements equal to the amount of the people in the array (This is no problem I have done this earlier)
My problem is when I try to add each element (PEOPLE) to the table or there indivual tax outcomes.
Can I create a loop and increment in the elements each iteration to put on the table?(for there names) As I am not meant to store each iteration,it is to write to the table each time.

This is the code I'm working on with out the loop.

[CODE]<html>
<head>
<script>

PEOPLE = new Array ('Mr Dobbaleana','David Lai','Richard Watson','Leigh Brookshaw','Stijn Dekeyser');
BRACKET_LIMITS = new Array (0,6000,37000,80000,180000);
MIN_TAX = new Array (0.00,0.00,4650.00,17550.00,54550.00);
TAX_RATES = new Array (0.00,0.15,0.30,0.37,0.45);
var taxBracket =0;
var taxToPay =0;
document.writeln ('<table border="2">');
document.writeln ('<tr>');
document.writeln ('<th>'+('Name')+'</th>');
document.writeln ('<th>'+('Income')+'</th>');
document.writeln ('<th>'+('Bracket')+'</th>');
document.writeln ('<th>'+('Tax')+'</th>');
document.writeln ('</tr>');

var currentPersonInRow = parseInt(prompt('Enter your income'));

if (currentPersonInRow <= BRACKET_LIMITS[1]){
taxBracket=BRACKET_LIMITS.indexOf(0);
taxToPay = (currentPersonInRow-BRACKET_LIMITS[0])*TAX_RATES[0]+MIN_TAX[0]; // will give total taxable income

}

else if (currentPersonInRow<=BRACKET_LIMITS[2]){
taxBracket=BRACKET_LIMITS.indexOf(6000);
taxToPay = (currentPersonInRow-BRACKET_LIMITS[1])*TAX_RATES[1]+MIN_TAX[1]; // will give total taxable income

}

else if (currentPersonInRow<=BRACKET_LIMITS[3]){
taxBracket=BRACKET_LIMITS.indexOf(37000);
taxToPay = (currentPersonInRow-BRACKET_LIMITS[2])*TAX_RATES[2]+MIN_TAX[2]; // will give total taxable income

}

else if (currentPersonInRow<=BRACKET_LIMITS[4]){
taxBracket=BRACKET_LIMITS.indexOf(80000);
taxToPay = (currentPersonInRow-BRACKET_LIMITS[3])*TAX_RATES[3]+MIN_TAX[3]; // will give total taxable income

}

else {
taxBracket=BRACKET_LIMITS.indexOf(180000);
taxToPay = (currentPersonInRow-BRACKET_LIMITS[4])*TAX_RATES[4]+MIN_TAX[4]; // will give total taxable income

}

document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[0])+'</td>');
document.writeln ('<td>'+('$')+(currentPersonInRow)+'</td>');
document.writeln ('<td>'+(taxBracket)+'</td>');
document.writeln ('<td>'+('$')+(taxToPay)+'</td>');
document.writeln ('</tr>');
</script>
</head>
<body>

</body>
</html>
[/ICODE]

OK this is the code I wrote and it works but doesnt meet the assigment critera.
Code:

<html>
<head>
<script>

PEOPLE = new Array ('Mr Dobbaleana','David Lai','Richard Watson','Leigh Brookshaw','Stijn Dekeyser'); 
BRACKET_LIMITS = new Array (0,6000,37000,80000,180000);    
MIN_TAX = new Array (0.00,0.00,4650.00,17550.00,54550.00);  
TAX_RATES = new Array (0.00,0.15,0.30,0.37,0.45);      
var personZero = parseFloat( prompt ((' Enter income for ')+(PEOPLE[0]),('0.00')));
var personOne = parseFloat (prompt ((' Enter income for ')+(PEOPLE[1]),('0.00')));
var personTwo = parseFloat (prompt ((' Enter income for ')+(PEOPLE[2]),('0.00')));
var personThree = parseFloat (prompt ((' Enter income for ')+(PEOPLE[3]),('0.00')));
var personFour = parseFloat(prompt ((' Enter income for ')+(PEOPLE[4]),('0.00')));








if ((personZero >= BRACKET_LIMITS[0])&&(personZero <= BRACKET_LIMITS[1]))
 {    
var cal1= (personZero-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid = (cal2+MIN_TAX[0]);
var taxBracketOfPeople1=0;
alert(totalTaxPaid);
}

if ((personZero >= BRACKET_LIMITS[1])&&(personZero <= BRACKET_LIMITS[2]))
 {    
var cal1= (personZero-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid = (cal2+MIN_TAX[1]);
var taxBracketOfPeople1=1;
alert(totalTaxPaid);
}

if ((personZero >= BRACKET_LIMITS[2])&&(personZero <= BRACKET_LIMITS[3]))
 {    
var cal1= (personZero-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid = (cal2+MIN_TAX[2]);
var taxBracketOfPeople1=2;
alert(totalTaxPaid);
}

if ((personZero >= BRACKET_LIMITS[3])&&(personZero <= BRACKET_LIMITS[4]))
 {    
var cal1= (personZero-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid = (cal2+MIN_TAX[3]);
var taxBracketOfPeople1=3;
alert(totalTaxPaid);
}
if ((personZero >= BRACKET_LIMITS[4]))
 {    
var cal1= (personZero-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid = (cal2+MIN_TAX[4]);
var taxBracketOfPeople1=4;
alert(totalTaxPaid);
}







if ((personOne >= BRACKET_LIMITS[0])&&(personOne <= BRACKET_LIMITS[1]))
 {    
var cal1= (personOne-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid1 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople2=0;
alert(totalTaxPaid1);
}

if ((personOne >= BRACKET_LIMITS[1])&&(personOne <= BRACKET_LIMITS[2]))
 {    
var cal1= (personOne-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid1 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople2=1;
alert(totalTaxPaid1);
}

if ((personOne >= BRACKET_LIMITS[2])&&(personOne <= BRACKET_LIMITS[3]))
 {    
var cal1= (personOne-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid1 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople2=2;
alert(totalTaxPaid1);
}

if ((personOne >= BRACKET_LIMITS[3])&&(personOne <= BRACKET_LIMITS[4]))
 {    
var cal1= (personOne-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid1 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople2=3;
alert(totalTaxPaid1);
}
if ((personOne >= BRACKET_LIMITS[4]))
 {    
var cal1= (personOne-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid1 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople2=4;
alert(totalTaxPaid1);
}








if ((personTwo >= BRACKET_LIMITS[0])&&(personTwo <= BRACKET_LIMITS[1]))
 {    
var cal1= (personTwo-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid2 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople3=0;
alert(totalTaxPaid2);
}

if ((personTwo >= BRACKET_LIMITS[1])&&(personTwo <= BRACKET_LIMITS[2]))
 {    
var cal1= (personTwo-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid2 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople3=1;
alert(totalTaxPaid2);
}

if ((personTwo >= BRACKET_LIMITS[2])&&(personTwo <= BRACKET_LIMITS[3]))
 {    
var cal1= (personTwo-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid2 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople3=2;
alert(totalTaxPaid2);
}

if ((personTwo >= BRACKET_LIMITS[3])&&(personTwo <= BRACKET_LIMITS[4]))
 {    
var cal1= (personTwo-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid2 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople3=3;
alert(totalTaxPaid2);
}
if ((personTwo >= BRACKET_LIMITS[4]))
 {    
var cal1= (personTwo-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid2 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople3=4;
alert(totalTaxPaid2);
}







if ((personThree >= BRACKET_LIMITS[0])&&(personThree <= BRACKET_LIMITS[1]))
 {    
var cal1= (personThree-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid3 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople4=0;
alert(totalTaxPaid3);
}

if ((personThree >= BRACKET_LIMITS[1])&&(personThree <= BRACKET_LIMITS[2]))
 {    
var cal1= (personThree-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid3 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople4=1;
alert(totalTaxPaid3);
}

if ((personThree >= BRACKET_LIMITS[2])&&(personThree <= BRACKET_LIMITS[3]))
 {    
var cal1= (personThree-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid3 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople4=2;
alert(totalTaxPaid3);
}

if ((personThree >= BRACKET_LIMITS[3])&&(personThree <= BRACKET_LIMITS[4]))
 {    
var cal1= (personThree-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid3 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople4=3;
alert(totalTaxPaid3);
}
if ((personThree >= BRACKET_LIMITS[4]))
 {    
var cal1= (personThree-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid3 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople4=4;
alert(totalTaxPaid3);
}




if ((personFour >= BRACKET_LIMITS[0])&&(personFour <= BRACKET_LIMITS[1]))
 {    
var cal1= (personFour-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid4 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople5=0;
alert(totalTaxPaid4);
}

if ((personFour >= BRACKET_LIMITS[1])&&(personFour <= BRACKET_LIMITS[2]))
 {    
var cal1= (personFour-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid4 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople5=1;
alert(totalTaxPaid4);
}

if ((personFour >= BRACKET_LIMITS[2])&&(personFour <= BRACKET_LIMITS[3]))
 {    
var cal1= (personFour-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid4 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople5=2;
alert(totalTaxPaid4);
}

if ((personFour >= BRACKET_LIMITS[3])&&(personFour <= BRACKET_LIMITS[4]))
 {    
var cal1= (personFour-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid4 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople5=3;
alert(totalTaxPaid4);
}
if ((personFour >= BRACKET_LIMITS[4]))
 {    
var cal1= (personFour-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid4 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople5=4;
alert(totalTaxPaid4);
}








</script>
</head>














<body>
<script>
document.writeln ('<table border="2">');
document.writeln ('<tr>');
document.writeln ('<th>'+('Name')+'</th>');
document.writeln ('<th>'+('Income')+'</th>');
document.writeln ('<th>'+('Bracket')+'</th>');
document.writeln ('<th>'+('Tax')+'</th>');
document.writeln ('</tr>');


document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[0])+'</td>');
document.writeln ('<td>'+('$')+(personZero)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople1)+'</td>');
document.writeln ('<td>'+('$')+(totalTaxPaid)+'</td>');
document.writeln ('</tr>');

document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[1])+'</td>');
document.writeln ('<td>'+(personOne)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople2)+'</td>');
document.writeln ('<td>'+(totalTaxPaid1)+'</td>');
document.writeln ('</tr>');

document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[2])+'</td>');
document.writeln ('<td>'+(personTwo)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople3)+'</td>');
document.writeln ('<td>'+(totalTaxPaid2)+'</td>');
document.writeln ('</tr>');

document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[3])+'</td>');
document.writeln ('<td>'+(personThree)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople4)+'</td>');
document.writeln ('<td>'+(totalTaxPaid3)+'</td>');
document.writeln ('</tr>');

document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[4])+'</td>');
document.writeln ('<td>'+(personFour)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople5)+'</td>');
document.writeln ('<td>'+(totalTaxPaid4)+'</td>');
document.writeln ('</tr>');





document.writeln('</table>');
</script>




</body>
</html>

Hope that wasnt to confusing
Thanks heaps
Shaynedarcy

Javascript $_post Type Array??

Similar Tutorials

View Content

php has the $_POST GLOBAL that contains an array of all the POST form variables. Does Javascript contain something similar built in?

Help With A 'for' Loop Adding Form Elements

Similar Tutorials

View Content

I am trying to develop a function that creates a certain number of form elements based on a certain number that a user inputs. It does not do what I want it to do (obviously). The problem lies within the TextBoxAppear() function. The function worked when I tested it by adding just text (document.getElementByID('leftcolumn').innerHTML = "<p>test function</p>" so I know for a fact whatever I added to the function is the problem. What has been added to the function and needs fixing is in BOLD

Code:

<!DOCTYPE html>

<html>
<head>
<meta charset = "utf-8">
<title>Exercise 4</title>
<style type = "text/css">
#leftcolumn { width: 300px; border: 1px solid red; float: left}
#rightcolumn { width: 300px; border: 1px solid red; float: left}
</style>

<script>
function start()
{
var button = document.getElementById( "submitButton" );
button.addEventListener( "click", TextBoxAppear, false );
}

function TextBoxAppear()
{

var numberOfValuesInput = document.getElementByID( 'NumberOfValuesField' );
var numberOfValues = parseFloat( numberOfValuesInput.value );
var textBoxCreation = "<form action ="http://www.deitel.com"><p>";
for ( var i = 1; i < numberOfValues; ++i )
{
textBoxCreation += "<label>Value" + i + ":<input id = 'Value" + i + "' type = 'text'></label>";
}
textBoxCreation += "<input id = "calculateButton" type = "button" value = "Calculate"></p></form>
document.getElementById('leftcolumnn').innerHTML = textBoxCreation;
}

window.addEventListener( "load", start, false );

</script>
</head>
<body>
<form action ="http://www.deitel.com">
<p><label>Number of values to be calculated: 
<input id = "numberOfValuesField" type = "text"></label>
<input id = "submitButton" type = "button" value = "Submit"></p>
</form>
<div id ="leftcolumn"><p>test left column</p></div>
<div id ="rightcolumn"><p>test right column</p></div>



</body>
</html>

Loop Through Form Elements Wiith An Id

Similar Tutorials

View Content

Hi all.

I have a form named "theForm". How can I loop through this form elements that have an "id" ATTRIBUTE to them and then populate my ids array?

var ids = new Array;

for(i=0; i<document.theForm.elements.length; i++)
{

IF ELEMENT HAS AN ID ATTRIBUTE POPULATE ids array

}

Not Evaluating Correctly, Passing String To Get "div" Elements!!!!! Arggghhh

Similar Tutorials

View Content

fixed it. my bad. Please delete this thread.

Check If Value Is In Array, Won't Work Correctly

Similar Tutorials

View Content

Hiya,
I'm looking for some guidance on a part of some coding practice I'm stuck on!

I've created a shopping cart using javascript, the items save to the arrays etc and it all works fine. If the user adds the same product again to the cart the quantity is added onto the previous quantity that is already in the cart.
To check if the item is already in the cart I've ued the below code, but what it does is update the quantity for the first cart, and when it updates the quantity for the second item it updates the quantity but keeps adding the same product to the cart in seperate elements of the array as well (if that makes sense?

here are the two functions used:

Code:

function additem(id) {
itemName = document.getElementById('name' + id).innerHTML;		itemQuantity = parseInt(document.getElementById('quantity' + id).value);
itemPrice = parseFloat(document.getElementById('price' + id).innerHTML);
if(numitems == 0){	
items[++numitems] = new Item(itemName,itemPrice,itemQuantity);
displaycart();
}
else{
checkarray(id, itemName, itemQuantity, itemPrice);
}
		
}

function checkarray(id, itemName, itemQuantity, itemPrice){

for(i=1;i<=numitems;i++) {
if(items[i].name == itemName){
items[i].quantity += parseInt(document.getElementById('quantity' + id).value);
displaycart();
return true;
}
		
items[++numitems] = new Item(itemName,itemPrice,itemQuantity);
}	
 
}

It may jsut be a simple mistake I've made but it's been bugging me a lot and I can't seem to fix it, any help/pointers would be greatly appreciated.

How To Sum Elements In An Array?

Similar Tutorials

View Content

I tried the following code based on a post I saw somewhere else about summing all the elements of an array together. When I tried it though I couldn't seem to get it working. Can someone please point out what I did wrong or tell me a different way to sum array elements together? Thanks.
Code:

<script type="text/javascript">

Array.prototype.sum = function() {
for (var i = 0, L = this.length, sum = 0; i < L; sum += this[i++]);
return sum;
}

var myArray=[1,2,3,4,5];

document.write(myArray.prototype.sum);

</script>

Sum Of Array Elements

Similar Tutorials

View Content

Hi again!!
This is my code to add and delete dynamic rows and auto calculate the amount field by multiplying qty and rate.

PHP Code:
<form name="staff_reg" action="<?php echo $_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING']; ?>" method="post" enctype="multipart/form-data">

<table width="100%" border="0" cellspacing="0" cellpadding="2">

<table border="0" cellpadding="1" cellspacing="0" class="normal-text" align="left">

<tr align="center">

<td width="10" class="forhead" style="white-space:nowrap;"> </td>

<td width="92" class="forhead" style="white-space:nowrap;">Qty</td>

<td width="94" class="forhead" style="white-space:nowrap;">Rate</td>

<td width="94" class="forhead" style="white-space:nowrap;">Amount</td>

</tr>

</table>

<tr align="left">

<td class="forhead" style="white-space:nowrap;"><input type="button" value="Add Row" onClick="addRow('dataTable')" > 

<input type="button" value="Delete Row" onclick="deleteRow('dataTable')" ></td>

<table border="0" id="dataTable" cellpadding="1" cellspacing="0" class="normal-text">

<tr>

<td width="10" class="forhead" style="white-space:nowrap;"><input type="checkbox" name="chk[]"/></td>

<td width="92" class="forhead" style="white-space:nowrap;">

<input type="text"  name="qty[]"  style="width:80px;" onblur="">

</td>

<td width="94" class="forhead" style="white-space:nowrap;">

<input type="text"  name="rate[]" style="width:80px;" value=""></td>

<td width="94" class="forhead" style="white-space:nowrap;">

<input type="text"  onblur="getValues('qty[]','rate[]','amt[]')" name="amt[]" style="width:80px;"></td>

</tr>

</table>

<table border="0">

<tr>

<td>Total:</td>

<td><input type="text"  name="total[]" style="width:80px;" value=""></td>

</tr>

<tr>

<td colspan="2">

<input name="Submit" type="submit" value="Save" style="text-decoration:none" />

<input type="reset" value="Cancel" onclick="window.location.href='<?php echo $_SERVER['PHP_SELF'];?>'">

</td>

</tr>

</form>

<script type="text/javascript">

    function getValues(objName,objName2,objName3)

    {

        var var3 = "";

        var arr = new Array();

        arr = document.getElementsByName(objName);

        arr2 = document.getElementsByName(objName2);

        arr3 = document.getElementsByName(objName3);

        for(var i = 0; i < arr.length; i++)

        {

            for(var i = 0; i < arr2.length; i++)

            {

            for(var i = 0; i < arr3.length; i++)

            {



                var obj1 = document.getElementsByName(objName2).item(i);

                var var2 = obj1.value;

                var obj = document.getElementsByName(objName).item(i);

                var var1 = obj.value;

                var obj3 = document.getElementsByName(objName3).item(i);

                var var3 = obj3.value;

                var var4 = var1 * var2;

                document.getElementsByName(objName3).item(i).value=var4;

            }

            }

        }



    }



  function addRow(tableID) {

     var table = document.getElementById(tableID);

     var rowCount = table.rows.length;

     var row = table.insertRow(rowCount);

     var colCount = table.rows[0].cells.length;

           for(var i=0; i<colCount; i++) {

               var newcell = row.insertCell(i);

                newcell.innerHTML = table.rows[0].cells[i].innerHTML;

                //alert(newcell.childNodes);

                switch(newcell.childNodes[0].type) {

                    case "text":

                            newcell.childNodes[0].value = "";

                            break;

                    case "checkbox":

                            newcell.childNodes[0].checked = false;

                            break;

                    case "select-one":

                            newcell.childNodes[0].selectedIndex = 0;

                            break;

                }

            }

        }



function deleteRow(tableID)

{

            try

                 {

                var table = document.getElementById(tableID);

                var rowCount = table.rows.length;

                    for(var i=0; i<rowCount; i++)

                        {

                        var row = table.rows[i];

                        var chkbox = row.cells[0].childNodes[0];



                        if (null != chkbox && true == chkbox.checked)

                            {

                            if (rowCount <= 1)

                                {

                                alert("Cannot delete all the rows.");

                                break;

                                }



                            table.deleteRow(i);

                            rowCount--;

                            i--;

                            }

                        }

                    } catch(e)

                        {

                        alert(e);

                        }

}

</script>

I would like to know that how can I show the value of all the elements in array "amount" in total field??

Storing Array Elements

Similar Tutorials

View Content

Hey All,

I have completed most of a homework assignment that I am working on. I am able to .push desired elements into an array:

Code:

//Insert variable into the Array
function insertElem(){
	//Insert and sort first array, but not second array
	if(nameInput.value != ""){
		studName2.push(nameInput2.value);
	}
	else{
		alert("Value to be inserted cannot be Null");
	}
	
	//Refresh display area
	clearAndShow2();
}

What I would like to do is be able to store and display the created array "permanently" until I decide to remove the elements. My current method to hold the elements, until the page is refreshed, is:

Code:

//Refresh second array
function clearAndShow2(){
	nameInput2.value = "";
	messageBox2.innerHTML = "";
	messageBox2.innerHTML += "Groups: " + "<br />" + studName2.join("<br />") + "<br />";
}

I appreciate the assistance.

Set Value Of Array Of Form Elements

Similar Tutorials

View Content

Hi Folks - I have a form that has an array of input values:

<input type="text" name=txtValue[] />
<input type="text" name=txtValue[] />

I do this so I can loop through the values in php... now...that's the easy part... the hard part comes to this:

next to each of those boxes is a search button that allows the user to open up a popup window that they can search for an item, and select the item. Once they select the item it should populate that particular input box with the selected item. I can easily do this with a uniquely named input box, but can't seem to figure out how to do it with an array of input boxes... any idea?

Checking Array Elements

Similar Tutorials

View Content

Hey guys. I need a little help with checking elements in my array. I created an array of size 50 and initialized all elements to 1. What i want to do is if the user types in the number "1" into the prompt box, i want it to check the first 15 elements and increase only one of the elements by 1, and if the element has already been increased by 1 then i want it to check the next element and see if its been increased, if the element has been increased then it needs to move on to the next one and check that. If the element is 1, then it can be increased by "1", if the element is 2 then i need it to check the next element. If all elements within the first 15 have increased by 1, it should just alert the user that all slots have been assigned. Is there a way to do this? Thanks for your time

Array Elements That Infuriate Me.

Similar Tutorials

View Content

Using Form Elements In Array

Similar Tutorials

View Content

Hi,

I'm pulling my hair out to create a simple function!

I am creating an array based on form elements. I then am trying to create an IF (and nested IF) statement to check if the fields are empty and then with the nested IF statement use certain fields to create mathematical functions.

So far I have this:

function QuantityMWh(form) {

var formchk = document.forms[0]
for (i = 0; i < formchk.elements.length; i++) {
if (formchk.elements[1].value == "" && formchk.elements[2].value == "") {
alert("Please fill out all fields.")
break
}
}

}

It's only checking the first field and not the second, and vice versa. i.e. if only one field has text then it passes.

What am I doing wrong?

Thanks.

Some Help Required With Passing Array Elements

Similar Tutorials

View Content

Hi Guys

I am new to javascript programming and I am trying to get elements from one array to another, here is an example of what I am trying to do;

Code:

oneArray[0] = anotherArray[10];

Essentially, moving the data in index 10 of anotherArray to the index 0 of oneArray. I have tried using a variable as a place holder such as;

Code:

placeHolder = anotherArray[10];
oneArray[0] = placeHolder;

I know i'm doing something idiotic somewhere along the line, I just can't figure out what I need to do.

Prefill All Array Elements With Data

Similar Tutorials

View Content

Hi All,

Simple newbie question here - I want to initialize an array with "myString.length" elements, and I want every element to be prepopulated with "*" instead of blank. Is there any way of doing this? Code:

 

var myString = '123456';

var trialVar = new Array[myString.length]
	
document.write('TEST ' + '<BR><BR>' + trialVar);

(I want every element of trialVar to be "*", I cant just manually add them as myString.length will vary)

Any help would be mega appreciated - thank you

Adding Form Elements To An Array

Similar Tutorials

View Content

Javascript Array Within Form Checkbox Elements

Similar Tutorials

View Content

Guys,

For some reason my script only works when I have at lease two checkboxes.

To simulate the problem just run it once with two html input checkbox elements
-> check one checkbox and press submit -> it works
-> Now remove one input checkbox field and check the remaining checkbox & submit -> Bamm doesn't work...

What am I doing wrong ?

Code:

<html> 
<head> 
            <script> 
            function Check(chk) 
            { 
            for (i=0; i < chk.length; i++) chk[i].checked=document.ListActionForm.Check_ctr.checked ; 
            } 
        function desubmit() 
            { 
            if(get_args()==false) {alert("nothing_selected");return false;} 
            if(labelling(true)) return false; 
            } 
            function labelling(s) {return true;} 
        function get_args() 
            { 
            s=chkboxa2str(document.ListActionForm['listaction[]']); 
            if(s)alert(s); 
            if(s.length<8)return false; 
            else return s; 
            } 
            function chkboxa2str(chkbox_a) {  
            var list = "";  
                for(var i = 0; i < chkbox_a.length; i++){ if(chkbox_a[i].checked) { list += chkbox_a[i].value + " "; } } 
            return list;  
            } 
            </script> 
</head> 
<body> 
<form action="?h=1296078874" method="post" name="ListActionForm" onsubmit="return desubmit()"> 
<input type='checkbox' name='listaction[]' value='2010102909103530'> Testbox 1<br> 
<input type='checkbox' name='listaction[]' value='2010102909103532'> Testbox 2<br> 
<input type="Submit" name="Submit" value="Versturen" > 
</form> 
</body> 
</html>

Adding Js To Old Html: Referencing Array Elements

Similar Tutorials

View Content

Years ago I created HTML that employs checkboxes and textboxes. I am now writing JS with the intention of adding flexibility and limiting redundancy. I am not sure I truly understand how to correctly interact the two though. For example, one of my scripts have arrays that contain the names of the checkboxes and textboxes, with a 'for' loop to document.write() them to references within the HTML code. This does not seem to be working for me though. Here is what I have thus far (in short):

Code:

<script language="javascript"> 
var teamNames = new Array(3);
 
teamNames[0]="South Africa";
teamNames[1]="Mexico";
teamNames[2]="Uruguay";

for (i=0; i<=31; i++) {
document.write("<p>" + teamNames[i] + "<\/p>");
}
</script>
</head>
<body>
<tr><td>Jun 11</td><td><input type="checkbox" 
name="teamNames[0]" value="teamAbbr[0]"></td>
</body>

I've left out a lot of the code (to include the teamAbbr array, but you get the points. I've tried moving the JS within the HTML body and playing with the reference syntax, but nothing so far. Any help would be great!

Comparing Elements In An Array To Letters In A String

Similar Tutorials

View Content

Hi all,

Forgive my ignorance, I'm quite new to Javascript...

I'm looking to do two things: the first is to move elements of an array to the next index using a function. I have managed to do this like so:

Code:

var letters = ['h','i','j','k'];
function moveElements(anArray){

var newArray = anArray;
newArray.unshift(newArray[newArray.length-1]);
newArray.pop();
}
moveElements(letters);

(this may or not be great, but it seemed to work) ... but I want the original array to reset to its original state if the function is called again (thus producing the same answer as opposed to shifting the elements again).

Secondly, and this is the bit I'm really struggling with: I want to compare each letter of a string to elements within an array and display the indices. For instance:

Code:

var myArray = ['a', 'b', 'c', 'd', 'e', 'f'];
var text = 'dead';

Hence I want the result '3,4,0,3'.

I know the answer will use for and if statements but I can't wrap my head around it at all. Help would be appreciated, thank you.