AllSeoHelp.com
Search the Entire Site
  • PHP
  • JavaScript
  • CSS
  • HTML
Learn VBA & Macros in 1 Week!

JavaScript - Trouble With Loop And For Commands For An Auto-calculate Function
Full Excel VBA Course - Beginner to Expert

Trouble With Loop And For Commands For An Auto-calculate Function

 View Content
I am trying to create a simple auto-calculate function for a webpage.

What should be happening:
The 'onchange' command should pass the 'price' of the item to the function, the function should then cycle through all the dropdowns (or checkboxes or fields) and calculate the total.

What is happening:
It is only picking up the last checkbox. It seems that the 'for' loop only remembers the last item in the array.

What am I doing wrong? How can I get the code to remember all the items?
thanks,

Code:
<script language="JavaScript" type="text/javascript">

function calculateTotal(price)
{
	var total = 0;	
	var cList = ['sel1','sel2','sel3'];	
	for (i=0;i<2;i++); 
	var select = GetE(cList[i]); total+= price * (select.options[select.selectedIndex].value); 	
	GetE("totalShow").innerHTML = total.toFixed(2);		
}

function GetE(id) {return document.getElementById(id); }
</script>

<html>
<head></head><body>
<form id="form1" name="form1" method="post" action="">

    <select name="sel1" id="sel1" onchange="calculateTotal(100)">
        <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select><br><br>
     <select name="sel2" id="sel2" onchange="calculateTotal(200)">
             <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select><br><br>
     <select name="sel3" id="sel3" onchange="calculateTotal(300)">
        <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select><br><br>
  </form>
<br>total <span id="totalShow">0.00</span>
</body></html>


Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Auto Calculate Inside While Loop
Autocompute Or Auto Calculate
Auto Calculate Values
Auto-calculate Total Amount
Auto Calculate Multiply And Subtract
Auto Calculate Conversion And Display To Beside Textbox
Help Needed:auto Calculate Total From Rows Added & Add Serv. Charge To Get Grandtotal
Auto Calculate The Subtraction Of Total Earn And Total Deduction
Trying To Creat A Function To Calculate Windchill
Issue Getting Function To Calculate A Total
Plz Give Me A Suitable Calculate Function
Help On Javascript Function To Dynamically Calculate
Amending Function To Calculate Into The New Year And Not Return The Value 12/33/2014
Recursive Function With For Loop, For Loop Is Breaking When Calling Itself
Unable To Execute Function Designed To Calculate The Average Of Numbers Inputted.
While Loop Trouble
Trouble With For Loop/array
Trouble With Variables In A For Loop
Trouble With A Loop With Conditional In It
Trouble With Array And For Loop


Learn VBA & Macros for Excel in 1 Week!


Auto Calculate Inside While Loop

 Similar Tutorials View Content
Hi...
I just want to know if it is possible to have an autocalculate in a textboxes inside while loop?and if it is possible how?..

here is my code:

Code:
<html>
<head>
<style type="text/css">
#fieldset_PS{
    position: relative;
    width: 20%;
}
</style>
<link rel="stylesheet" type="text/css" href="kanban.css" /> 
<script type="text/javascript">
  
function display_PS(){
    document.loading_kanban.action="ParameterSettings.php";
    document.loading_kanban.submit();
}
function display_Kanban(){
    document.loading_kanban.action="kanban_report.php";
    document.loading_kanban.submit();
}
</script>
</head>
 <?php
  error_reporting(0);
$con = mysql_connect('localhost', 'root','');

if (!$con) {
    echo 'failed';
    die();
}

mysql_select_db("mes", $con);



?>
<form name="loading_kanban">
<div id="main_button">
<center>
<!--<label style="margin-left: .9em; font-family: Arial, Helvetica, sans-serif; font-size: .7em;">Display Details:</label><input  onclick='showDetails(this);' id='chkDetail'   type='checkbox' checked='checked' value='wip'/>     -->
<input type="button" name="parameter_settings" value="Parameter Settings" onclick="display_PS()">
<input type="button" name="parameter_settings" value="Stock Requisition"> 
<input type="button" name="parameter_settings" value="Kanban Report" onclick="display_Kanban()">
</div>
<div id="fieldset_PS">
<fieldset>
<legend>Parameter Settings</legend>
</center>  
<table border="1">
<th>Compounds</th>
<th>Max</th>
<th>Min</th>
<?php
$sql = "SELECT PCODE FROM parameter_settings ORDER BY PCODE ASC";
$result = mysql_query($sql, $con);
while ($row = mysql_fetch_assoc($result)){
echo "<tr>
        <td>$row[PCODE]</td>
        <td><input type = 'text' name = 'max_pcode' size = '10'></td>
        <td><input type = 'text' name = 'min_pcode' size = '10'></td>
        </tr>";
}   
?>
</fieldset>
</table>
</div>
</form>
</html>

I have table : parameter settings and i have fields: PCODE, max, min

PCODE has data:

PXX
PYY
PZZ
PAA
PBB
Total

I just want to know how can I auto calculate the total max and total min and it will display in the textbox beside Total...

Thank you

Autocompute Or Auto Calculate

 Similar Tutorials View Content
hi,

can someone help me create an auto pro rata calculator where there are four [4] boxes. first box should be where we could enter the customer's plan [29,39,40 etc.] and it should be divided with what ever i will enter on the second box w/c will be for the number of days in a month [28,29,30,31]. the 3rd box should be where i can enter the number of days the cust. was able to use the service and it needs to be multiplied from box 2. 4th box should be a read only box where the pro rata will be displayed.

so:

[box 1] divided "/" by [box 2] multiplied "*" by [box 3] equals "=" to box four

thanks!!!

Auto Calculate Values

 Similar Tutorials View Content
Hi.I have found this nice code through forum.Now I want to modify it a little bit.But dont know how to
It calculates amount column value by multiplying quantity to amount.i.e. amount=qty*rate and gross total is sum of all the array elements in amount.Here I want to add two more columns viz vat% and vat amount.Simply it will be amount*vat% / 100.Can anyone please tell me how I can do that?Other thing is, is it possible to separate the 5% vat and 12.5% vat values and display the total of them in respective column?
Here is the link for reference : http://kavisandeepdwivedi.com/forum.php
Please go through the code below and help me out
Code:
<html>
<head>
<script type="text/javascript">
function tot(elem) {
var d=document.getElementById("total").value;
var total=Number(d); 
var e=document.getElementById("vat5").value;
var vat5=Number(e); 
var f=document.getElementById("vat12_5").value;
var vat12_5=Number(f); 
var g=document.getElementById("cash_discount").value;
var cash_discount=Number(g); 

var h=(total+vat5+vat12_5)-cash_discount;
document.getElementById("grand_total").value = h;
}

var total = 0;
function getValues() {
var qty = 0;
var rate = 0;
var obj = document.getElementsByTagName("input");
      for(var i=0; i<obj.length; i++){
         if(obj[i].name == "qty[]"){var qty = obj[i].value;}
         if(obj[i].name == "rate[]"){var rate = obj[i].value;}
         if(obj[i].name == "amt[]"){
          		if(qty > 0 && rate > 0){obj[i].value = qty*rate;total+=(obj[i].value*1);}
          				else{obj[i].value = 0;total+=(obj[i].value*1);}
          		}
         	 }
        document.getElementById("total").value = total*1;
        total=0;
}

</script>
<script type="text/javascript">
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);
                        }
   getValues();
}
</script>
</head>
<body>
<form name="gr" method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" onSubmit="return validateForm(this)">
<tr>
<td class="forhead" style="white-space:nowrap;"><input type="button" value="Add Row" onClick="addRow('dataTable')" >&nbsp;
<input type="button" value="Delete Row" onClick="deleteRow('dataTable')" ></td>
<table width="38%" align="center" cellpadding="0" cellspacing="0" class="normal-text" border="0">
<td width="20"></td>
<td width="80" class="forhead" style="white-space:nowrap;">Qty</td>
<td width="80" class="forhead" style="white-space:nowrap;">Rate</td>
<td width="80" class="forhead" style="white-space:nowrap;">Amount</td>
<td width="80" class="forhead" style="white-space:nowrap;">Vat</td>
<td width="80" class="forhead" style="white-space:nowrap;">Vat Amount</td>
</tr>
</table>
<table border="0" id="dataTable" width="38%" align="center" cellpadding="0" cellspacing="0" class="normal-text">
<tr>
<td class="forhead" style="white-space:nowrap;" width="20"><input type="checkbox" name="chk[]"/></td>
<td class="forhead" style="white-space:nowrap;" width="80"><input type="text"  name="qty[]"  onkeyup="getValues()" style="width:80px;" onBlur=""></td>
<td class="forhead" style="white-space:nowrap;" width="80"><input type="text"  name="rate[]" onKeyUp="getValues()" style="width:80px;" value=""></td>
<td class="forhead" style="white-space:nowrap;" width="80"><input type="text"  name="amt[]" style="width:80px;" 
onKeyUp="getValues()"></td>
<td width="80" align="right" class="forhead" style="white-space:nowrap;">
<select name="vat[]" style="width:80px" onChange="getValues()">
<option value="0">Select</option>
<option value="5">5</option>
<option value="12.5">12.5</option>
</select>
</td>
<td class="forhead" style="white-space:nowrap;" width="80"><input type="text"  name="vat_amt[]" style="width:80px;"></td>
</tr>
</table>
<table width="38%" align="center" cellpadding="0" cellspacing="0" class="normal-text" border="0">
<tr>
<td width="20" class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td width="80" class="forhead" style="white-space:nowrap;">Gross Total:</td>
<td width="80" class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td width="80" class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td width="80" class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td width="80" class="forhead" style="white-space:nowrap;"><input type="text"  id="total" name="total[]" style="width:80px;" value=""></td>

</tr>
<tr>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">Vat 5%:</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;"><input type="text"  name="vat5[]" id="vat5" style="width:80px;"></td>
</tr>
<tr>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">Vat 12.5%:</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;"><input type="text"  name="vat12_5[]" id="vat12_5" style="width:80px;"></td>
</tr>
<tr>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">Cash Dis :</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;"><input type="text"  id="cash_discount" name="cash_discount[]" style="width:80px;" value=""></td>
</tr>
<tr>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">Total :</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;">&nbsp;</td>
<td class="forhead" style="white-space:nowrap;"><input type="text"  name="grand_total" id="grand_total" onKeyUp="tot()" style="width:80px;"></td>
</tr>
<tr>
<td align="center" colspan="6">
<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>
</table>
</td>
</tr>
</table>
</td>
</tr>
</form>
</body>
</html>


Auto-calculate Total Amount

 Similar Tutorials View Content
Hi, I am thinking of how to write the code for this:

There are 4 textboxes, 3 of which allow you to enter any number (e.g. 1000, 2500, 12345, 100.10, etc.). So whenever I entered a number in one of them (or two or all of them), the 4th read-only textbox will automatically shows the total of the values in the 3 textboxes.

So...can anyone give me any references to this? Thanks.

Auto Calculate Multiply And Subtract

 Similar Tutorials View Content
Hi all...

i need to auto calculate 3 fields and store the result in 2 fields:

field 3 = field 1 * field 2
field 5 = (field 1 * field 2) - field 4 or field 3 - field 4

so far i'm trying to modify an existing code but i'm still can't get it working correcly

Code:
    <html>
    <head>
    <script type="text/javascript">
    function compute(inputObj, otherInputID, multiID, subID, diffID) {
    var otherObj = document.getElementById(otherInputID)
    var multiObj = document.getElementById(multiID)
	var subObj = document.getElementById(subID)
    var diffObj = document.getElementById(diffID)
     
    var v1=inputObj.value
    var v2=otherObj.value
	var v3=multiObj.value
	var v4=subObj.value
     
    var val1 = v1=="" ? 0 : parseFloat(v1) // convert string to float
    var val2 = v2=="" ? 0 : parseFloat(v2)
	var val3 = v3=="" ? 0 : parseFloat(v3)
	var val4 = v4=="" ? 0 : parseFloat(v4)
	


    multiObj.value = val1 * val2
	diffObj.value =  (val1 * val2)-val4
	
	}
	
	
	
    </script>
    </head>
     
    <body>
    Value 1: <input id="txt1" type="text" onKeyUp="compute(this, 'txt2', 'addres', 'subtract', 'mulres')">
    <br />
    Value 2: <input id="txt2" type="text" onKeyUp="compute(this, 'txt1', 'addres', 'subtract', 'mulres')">
    <br />
    Added Result: <input id="addres" type="text">
    <br />
    substract: <input id="subtract" type="text" onKeyUp="compute('txt1', 'txt2', 'addres', this, 'mulres')">
    <br />
    Multiplied Result: <input id="mulres" type="text">
    </body>
    </html>

my problem is the Multiplied Result field not automatically change the result when i enter value in subtract field. it will change if i retype the value in field 1 and 2.
Hope somebody can help me.

Thank in advance

Auto Calculate Conversion And Display To Beside Textbox

 Similar Tutorials View Content
Hi..

I have syntax for autocalculate the max lot and the output display in Total_max same with min lot and the output display in Totam_min, now I need to have convert automatically the number I was inputted in max lot textbox and it will display in max doz textbox same also with min lot convert to min doz textbox.

the conversion is:

max doz = max lot * 10
min doz = min lot * 10

here is my code:

Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="kanban.css" /> 
<script type="text/javascript">
  
function display_PS(){
    document.loading_kanban.action="ParameterSettings.php";
    document.loading_kanban.submit();
}
function display_Kanban(){
    document.loading_kanban.action="kanban_report.php";
    document.loading_kanban.submit();
}
</script>

<script type="text/javascript">
//Code for auto calculate Total Max//
function autocalearn(oText)
{
if (isNaN(oText.value)) //filter input
{
alert('Numbers only!');
oText.value = '';
}
var field, val, oForm = oText.form, Total_max = a = 0;
for (a; a < arguments.length; ++a) //loop through text elements
{
field = arguments[a];
val = parseFloat(field.value); //get value
if (!isNaN(val)) //number?
{
Total_max += val; //accumulate
}
}
oForm.Total_max.value = Total_max.toFixed(2); //out
}

</script>


<script type="text/javascript">
//Code for auto calculate Total Min//  
function autocalmin(oText)
{
if (isNaN(oText.value)) //filter input
{
alert('Numbers only!');
oText.value = '';
}
var field, val, oForm = oText.form, Total_min = a = 0;
for (a; a < arguments.length; ++a) //loop through text elements
{
field = arguments[a];
val = parseFloat(field.value); //get value
if (!isNaN(val)) //number?
{
Total_min += val; //accumulate
}
}

oForm.Total_min.value = Total_min.toFixed(2); //out
}

</script>
</head>
<form name="loading_kanban">
<div id="main_button">
<center>
<!--<label style="margin-left: .9em; font-family: Arial, Helvetica, sans-serif; font-size: .7em;">Display Details:</label><input  onclick='showDetails(this);' id='chkDetail'   type='checkbox' checked='checked' value='wip'/>     -->
<input type="button" name="parameter_settings" value="Parameter Settings" onclick="display_PS()">
<input type="button" name="parameter_settings" value="Stock Requisition"> 
<input type="button" name="parameter_settings" value="Kanban Report" onclick="display_Kanban()">
</center>
</div>
<div id="fieldset_PS">
<center>
<table border="1">
<th>Compounds</th>
<th>Max</th>
<th>UOM</th>
<th>Max</th>
<th>UOM</th>
<th>Min</th>
<th>UOM</th>
<th>Min</th>
<th>UOM</th>

<tr>
<td><label id="P27" name="P27" size="6" style="text-align: center;">P27</label></td>
<td><input type="text" name="P27_max" id="P27_max" size="6" onkeyup="return autocalearn(this, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P27LOT_max" name="P27LOT_max" size="3" style="text-align: left;">Lot</label></td> 
<td><input type="text" name="P27_maxdoz" id="P27_maxdoz" size="6"></td>
<td><label id="P27Doz_max" name="P27Doz_max" size="3" style="text-align: left;">Doz</label></td> 
<td><input type="text" name="P27_min" id="P27_min" size="6" onkeyup="return autocalmin(this, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P27LOT_min" name="P27LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P27_mindoz" id="P27_mindoz" size="6"></td>
<td><label id="P27Doz_min" name="P27Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr> 
<tr>
<td><label id="P28" name="P28" size="6">P28</label></td> 
<td><input type="text" name="P28_max" id="P28_max" size="6" onkeyup="return autocalearn(this, P27_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P28LOT_max" name="P28LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P28_maxdoz" id="P28_maxdoz" size="6"></td>
<td><label id="P28Doz_max" name="P28Doz_max" size="3" style="text-align: left;">Doz</label></td> 
<td><input type="text" name="P28_min" id="P28_min" size="6" onkeyup="return autocalmin(this, P27_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P28LOT_min" name="P28LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P28_mindoz" id="P28_mindoz" size="6"></td>
<td><label id="P28Doz_min" name="P28Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>
<tr>
<td><label id="P30" name="P30" size="6">P30</label></td> 
<td><input type="text" name="P30_max" id="P30_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P30LOT_max" name="P30LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P30_maxdoz" id="P30_maxdoz" size="6"></td>
<td><label id="P30Doz_max" name="P30Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P30_min" id="P30_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P30LOT_min" name="P30LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P30_mindoz" id="P30_mindoz" size="6"></td>
<td><label id="P30Doz_min" name="P30Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>    
<tr>
<td><label id="P32W" name="P32W" size="6">P32W</label></td> 
<td><input type="text" name="P32W_max" id="P32W_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P32WLOT_max" name="P32WLOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P32W_maxdoz" id="P32W_maxdoz" size="6"></td>
<td><label id="P32WDoz_max" name="P32WDoz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P32W_min" id="P32W_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P32WLot_min" name="P32WLot_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P32W_mindoz" id="P32W_mindoz" size="6"></td>
<td><label id="P32WDoz_min" name="P32WDoz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
<tr>
<td><label id="P33" name="P33" size="6">P33</label></td> 
<td><input type="text" name="P33_max" id="P33_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P33LOT_max" name="P33LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P33_maxdoz" id="P33_maxdoz" size="6"></td>
<td><label id="P33Doz_max" name="P33Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P33_min" id="P33_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P33LOT_min" name="P33LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P33_mindoz" id="P33_mindoz" size="6"></td>
<td><label id="P33Doz_min" name="P33Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
<tr>
<td><label id="P35" name="P35" size="6">P35</label></td> 
<td><input type="text" name="P35_max" id="P35_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P35LOT_max" name="P35LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P35_maxdoz" id="P35_maxdoz" size="6"></td>
<td><label id="P35Doz_max" name="P35Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P35_min" id="P35_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P35LOT_min" name="P35LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P35_mindoz" id="P35_mindoz" size="6"></td>
<td><label id="P35Doz_min" name="P35Doz_min" size="3" style="text-align: left;">Doz</label></td>

</tr>  
<tr>
<td><label id="P35M" name="P35M" size="6">P35M</label></td> 
<td><input type="text" name="P35M_max" id="P35M_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P35MLOT_max" name="P35MLOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P35M_maxdoz" id="P35M_maxdoz" size="6"></td>
<td><label id="P35MDoz_max" name="P35MDoz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P35M_min" id="P35M_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P35MLOT_min" name="P35MLOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P35M_mindoz" id="P35M_mindoz" size="6"></td>
<td><label id="P35MDoz_min" name="P35MDoz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
<tr>
<td><label id="P35W" name="P35W" size="6">P35W</label></td> 
<td><input type="text" name="P35W_max" id="P35W_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P35WLOT_max" name="P35WLOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P35W_maxdoz" id="P35W_maxdoz" size="6"></td>
<td><label id="P35WDoz_max" name="P35WDoz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P35W_min" id="P35W_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P35WLOT_min" name="P35WLOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P35W_mindoz" id="P35W_mindoz" size="6"></td>
<td><label id="P35WDoz_min" name="P35WDoz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
<tr>
<td><label id="P38" name="P38" size="6">P38</label></td> 
<td><input type="text" name="P38_max" id="P38_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P38LOT_max" name="P38LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P38_maxdoz" id="P38_maxdoz" size="6"></td>
<td><label id="P38Doz_max" name="P38Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P38_min" id="P38_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P38LOT_min" name="P38LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P38_mindoz" id="P38_mindoz" size="6"></td>
<td><label id="P38Doz_min" name="P38Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
<tr>
<td><label id="P41" name="P41" size="6">P41</label></td> 
<td><input type="text" name="P41_max" id="P41_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P42_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P41LOT_max" name="P41LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P41_maxdoz" id="P41_maxdoz" size="6"></td>
<td><label id="P41Doz_max" name="P41Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P41_min" id="P41_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P42_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P41LOT_min" name="P41LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P41_mindoz" id="P41_mindoz" size="6"></td>
<td><label id="P41Doz_min" name="P41Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  

<tr>
<td><label id="P42" name="P42" size="6">P42</label></td> 
<td><input type="text" name="P42_max" id="P42_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P43_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P42LOT_max" name="P42LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P42_maxdoz" id="P42_maxdoz" size="6"></td>
<td><label id="P42Doz_max" name="P42Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P42_min" id="P42_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P43_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P42LOT_min" name="P42LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P42_mindoz" id="P42_mindoz" size="6"></td>
<td><label id="P42Doz_min" name="P42Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  

<tr>
<td><label id="P43" name="P43" size="6">P43</label></td> 
<td><input type="text" name="P43_max" id="P43_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P45_max, P46_max, P47_max)"></td>
<td><label id="P43LOT_max" name="P43LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P43_maxdoz" id="P43_maxdoz" size="6"></td>
<td><label id="P43Doz_max" name="P43Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P43_min" id="P43_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P45_min, P46_min, P47_min)"></td>
<td><label id="P43LOT_min" name="P43LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P43_mindoz" id="P43_mindoz" size="6"></td>
<td><label id="P43Doz_min" name="P43Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  

<tr>
<td><label id="P45" name="P45" size="6">P45</label></td> 
<td><input type="text" name="P45_max" id="P45_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P46_max, P47_max)"></td>
<td><label id="P45LOT_max" name="P45LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P45_maxdoz" id="P45_maxdoz" size="6"></td>
<td><label id="P45Doz_max" name="P45Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P45_min" id="P45_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P46_min, P47_min)"></td>
<td><label id="P45LOT_min" name="P45LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P45_mindoz" id="P45_mindoz" size="6"></td>
<td><label id="P45Doz_min" name="P45Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  

<tr>
<td><label id="P46" name="P46" size="6">P46</label></td> 
<td><input type="text" name="P46_max" id="P46_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P47_max)"></td>
<td><label id="P46LOT_max" name="P46LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P46_maxdoz" id="P46_maxdoz" size="6"></td>
<td><label id="P46Doz_max" name="P46Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P46_min" id="P46_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P47_min)"></td>
<td><label id="P46LOT_min" name="P46LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P46_mindoz" id="P46_mindoz" size="6"></td>
<td><label id="P46Doz_min" name="P46Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  

<tr>
<td><label id="P47" name="P47" size="6">P47</label></td> 
<td><input type="text" name="P47_max" id="P47_max" size="6" onkeyup="return autocalearn(this, P27_max, P28_max, P30_max, P32W_max, P33_max, P35_max, P35M_max, P35W_max, P38_max, P41_max, P42_max, P43_max, P45_max, P46_max)"></td>
<td><label id="P47LOT_max" name="P47LOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P47_maxdoz" id="P47_maxdoz" size="6"></td>
<td><label id="P47Doz_max" name="P47Doz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="P47_min" id="P47_min" size="6" onkeyup="return autocalmin(this, P27_min, P28_min, P30_min, P32W_min, P33_min, P35_min, P35M_min, P35W_min, P38_min, P41_min, P42_min, P43_min, P45_min, P46_min)"></td>
<td><label id="P47LOT_min" name="P47LOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="P47_mindoz" id="P47_mindoz" size="6"></td>
<td><label id="P47Doz_min" name="P47Doz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
<tr>
<td><label id="Total" name="Total" size="6"><b>Total</b><label></td> 
<td><input type="text" name="Total_max" id="Total_max" size="6"></td>
<td><label id="TotalLOT_max" name="TotalLOT_max" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="Total_maxdoz" id="Total_maxdoz" size="6"></td>
<td><label id="TotalDoz_max" name="TotalDoz_max" size="3" style="text-align: left;">Doz</label></td>
<td><input type="text" name="Total_min" id="Total_min" size="6"></td>
<td><label id="TotalLOT_min" name="TotalLOT_min" size="3" style="text-align: left;">Lot</label></td>
<td><input type="text" name="Total_mindoz" id="Total_mindoz" size="6"></td>
<td><label id="TotalDoz_min" name="TotalDoz_min" size="3" style="text-align: left;">Doz</label></td>
</tr>  
</table>
</center>
</div>
<div id="footer_button">
<input type="button" name="SAVE" value="SAVE" style="width: 25%;">
<input type="button" name="CANCEL" value="CANCEL">
</div>
</form>
</html>

I attach the sample imge of my webpage.

Help Needed:auto Calculate Total From Rows Added & Add Serv. Charge To Get Grandtotal

 Similar Tutorials View Content
Hi, I'm trying to add the total number of costs depending on the rows added to return the subtotal then later add the service charge which gives the total grand amount.

I also need to add the item number when a new row is added.

Can any1 help?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>untitled</title>

<script type="text/javascript">
		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>

</head>
<body >
<form action="#" id="calcForm" method="post">
            <table border="0" width="680" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="60" align="left" valign="top"><b>Item No</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="290" align="left" valign="top"><b>Description</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="210" align="left" valign="top"><b>Part No.</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="50" align="left" valign="top"><b>QTY</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="63" align="left" valign="top"><b>Cost</b></td>
                </tr>
            </table>
            <table id="parts" border="0" width="680" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="60" align="left" valign="top"><INPUT type="checkbox" name="chk"/>&nbsp;<b>1</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="290" align="left" valign="top">
                        <input type="text" name="partdesc[]" size="40" value="<?=$info['partdesc'][$x]?>">
                    </td>
                    <td width="3">&nbsp;</td>
                    <td width="210" align="left" valign="top">
                        <input type="text" name="partno[]" size="30" value="<?=$info['partno'][$x]?>">
                    </td>
                    <td width="3">&nbsp;</td>
                    <td width="50" align="left" valign="top">
                        <input type="text" name="qty[]" size="2" value="<?=$info['qty'][$x]?>">
                    </td>
                    <td width="3">&nbsp;</td>
                    <td width="63" align="left" valign="top">
                        <input type="text" name="cost[]" size="4" value="<?=$info['cost'][$x]?>">
                    </td>
                </tr>
            </table>
            <table id="parts" border="0" width="680" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="60" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="290" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="210" align="left" valign="top"><b>Sub Total</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="50" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="63" align="left" valign="top">
                        <input type="text" name="subtotal" size="4" value="<?=$info['subtotal']?>">
                    </td>
                </tr>
                <tr>
                    <td width="60" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="290" align="left" valign="top"><INPUT type="button" value="Add Row" onclick="addRow('parts')" /><INPUT type="button" value="Delete Row" onclick="deleteRow('parts')" /></td>
                    <td width="3">&nbsp;</td>
                    <td width="210" align="left" valign="top"><b>Service Charge</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="50" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="63" align="left" valign="top">
                        <input type="text" name="charge" size="4" value="<?=$info['charge']?>">
                    </td>
                </tr>
                <tr>
                    <td width="60" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="290" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="210" align="left" valign="top"><b>Grand Total</b></td>
                    <td width="3">&nbsp;</td>
                    <td width="50" align="left" valign="top">&nbsp;</td>
                    <td width="3">&nbsp;</td>
                    <td width="63" align="left" valign="top">
                        <input type="text" name="gtotal" size="4" value="<?=$info['gtotal']?>">
                    </td>
                </tr>
            </table>

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


Auto Calculate The Subtraction Of Total Earn And Total Deduction

 Similar Tutorials View Content
Good day!


I am new in javascript function.

I have Javascript code for auto calculate

here is the code:
Code:
<script type="text/javascript" language="javascript">

function autocalearn(oText)
{
if (isNaN(oText.value)) //filter input
{
alert('Numbers only!');
oText.value = '';
}
var field, val, oForm = oText.form, TotEarn = a = 0;
for (a; a < arguments.length; ++a) //loop through text elements
{
field = arguments[a];
val = parseFloat(field.value); //get value
if (!isNaN(val)) //number?
{
TotEarn += val; //accumulate
}
}
var tot=Number(TotEarn) + Number(document.getElementById('Amount').value);
oForm.TotEarn.value = tot.toFixed(2);
//oForm.TotEarn.value = TotEarn.toFixed(2); //out
 
}

</script>
<!--Total Deduction AutoCompute-->
<script type="text/javascript" language="javascript">

function autocalded(oText)
{
if (isNaN(oText.value)) //filter input
{
alert('Numbers only!');
oText.value = '';
}
var field, val, oForm = oText.form, TotalDed = a = 0;
for (a; a < arguments.length; ++a) //loop through text elements
{
field = arguments[a];
val = parseFloat(field.value); //get value
if (!isNaN(val)) //number?
{
TotalDed += val; //accumulate
}
}
//oForm.TotalDed.value = TotalDed.toFixed(2); //out

var totded=Number(TotalDed) + Number(document.getElementById('Deductions').value);
oForm.TotalDed.value = totded.toFixed(2);
}

</script>

and now my problem is...I have a textbox for the overall total, and i want it automatic subtract the total earn and total deduction..

I will attach my codes for further understanding.

Thank you in advance

Trying To Creat A Function To Calculate Windchill

 Similar Tutorials View Content
I am trying to create a function to calculate windchill using the windchill equation.
Code:
35.74 + 0.6215T - 35.75V (**0.16) + 0.4275TV(**0.16)

I have already validated the fields and they are working but for the life of me I can not create a function to calculate the windchill using the above windchill equation. Here is what I do have Code:
function Calc(myform) {
	var tempAmount=document.Chill.OutdoorTemp.value
	var tempAmount=parseInt(tempAmount,10)
	if (isNaN(tempAmount) || (tempAmount<=0)) {
		alert ("The temperature is not a valid number!")
		document.Chill.OutdoorTemp.value=" "
		document.Chill.OutdoorTemp.focus()
		}
	else {
		var speed=document.Chill.windSpeed.value
		var speed=parseFloat(speed)
	if (isNaN(speed) || (speed<=0)) {
		alert("The wind speed is not a valid number!")
		document.Chill.windSpeed.value=" "
		document.Chill.windSpeed.focus()
		}
	
		}
		
	}

Any help would be greatly appreciated thanks.

Issue Getting Function To Calculate A Total

 Similar Tutorials View Content
I have created a function but it only half works. I can get the number of contributers to add up but not the total amount of dollars they contributed. I am not sure if my function is wrong or if I am just confused with what variable to output for the dollar amount total. Please assist.

My Function:

<script type="text/javascript">
function amountTotal() {
total = 0;
for (var i=0; i<=amount.length; i++) {
total+=amount[i];
}
return total;
}
</script>

My output files:

<div id=totals>
<script type="text/javascript">
document.write("<table border=1' cellspacing=1'>");
document.write("<tr><th id=sumTitle colspan=2'>Summary</th></tr>");
document.write("<tr><th>Contributors</th>");
document.write("<td>"+[i]+"</td>");
document.write("</tr>");
document.write("<tr><th>Amount</th>");
document.write("<td>$ +[total]+</td></tr>");
document.write("</table>");
</script>

Plz Give Me A Suitable Calculate Function

 Similar Tutorials View Content
<script>
function calculateamt()
{

//var ckdp122 = parseFloat(document.getElementById('ckdp').value,2);

var ty = parseFloat(document.getElementById('t1').value,2);
var zx = parseFloat(document.getElementById('t3').value,2);
var zy = parseFloat(document.getElementById('t2').value,2);
var zz = parseFloat(document.getElementById('t4').value,2);
//var zz = parseFloat(document.getElementById('t3').value,2);

//var eey=(((ty)-(zz))/(ty))*100;
//var deey=eey.toFixed(2);
var qq=(ty)*(zx);
var rr=(zy)*(zz);
//document.getElementById('diffob').value=deey;

var r=(qq)+(rr);

document.getElementById('ta').value=r;


}

function calculateamt1()
{

//var ckdp122 = parseFloat(document.getElementById('ckdp').value,2);

var ty1 = parseFloat(document.getElementById('t11').value,2);
var zx1 = parseFloat(document.getElementById('t15').value,2);
var zy1 = parseFloat(document.getElementById('t12').value,2);
var zz1 = parseFloat(document.getElementById('t14').value,2);
//var zz = parseFloat(document.getElementById('t3').value,2);

//var eey=(((ty)-(zz))/(ty))*100;
//var deey=eey.toFixed(2);
var qq=(ty1)*(zx1);
var rr=(zy1)*(zz1);
//document.getElementById('diffob').value=deey;

var r1=(qq)+(rr);

document.getElementById('tb').value=r1;


}


</script>

<body>
<p>&nbsp;</p>
<form id="form1" name="form1" method="post" action="">
<table width="688" height="64" border="1">
<tr>
<td width="62">Fork</td>
<td width="146"><label>
<input type="text" name="t1" id="t1" />
</label></td>
<td width="146"><label>
<input type="text" name="t3" id="t3" />
</label></td>
<td width="140"><label></label></td>
<td width="160"><label>
<input type="text" name="ta" id="ta" />
</label></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input type="text" name="t2" id="t2" />
</label></td>
<td><label>
<input type="text" name="t4" id="t4" onkeyup="calculateamt()" />
</label></td>
<td>&nbsp;</td>
<td><label>
<input type="text" name="textfield6" id="textfield6" />
</label></td>
</tr>
<tr>
<td width="62">Brake</td>
<td width="146"><label>
<input type="text" name="t11" id="t11" />
</label></td>
<td width="146"><label>
<input type="text" name="t15" id="t15" />
</label></td>
<td width="140"><label></label></td>
<td width="160"><label>
<input type="text" name="tb" id="tb" onkeyup="calculateamt1()" />
</label></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input type="text" name="t12" id="t12" />
</label></td>
<td><label>
<input type="text" name="t14" id="t14" />
</label></td>
<td>&nbsp;</td>
<td><label>
<input type="text" name="textfield6" id="textfield6" />
</label></td>
</tr>
</table>
</form>

i have written 2 functions for the above ta and tb calculations but tb and tb are same calculations

so what i want to do is only one funcntion to calculate both values


plz help me to do this using one function plzzzzzzzzzzzz help me

Help On Javascript Function To Dynamically Calculate

 Similar Tutorials View Content
Hi everyone,

I am pretty new to JS and I am looking for help writing a function that will dynamically calculate filed values.

I have a PHP-generated form which may have a varying number of fields. I need to:
1. calculate the line total for each row -- unitprice * units = linetotal
2. calculate total of all linetotals.

I have named my fields as follows:

unitprice[1], unitprice[2]... , units[1], units[2], ...

I have the following calculate function:

Code:
function calculateOld() {
	// get both values
	unitprice = document.forms["invoice"].unitprice.value;
	units = document.forms["invoice"].units.value;
	// do some calculation
	lineTotal = formatNumber((unitprice * units), 2);
	// set the value in the right field
	document.forms["invoice"].linetotal.value = lineTotal;
	
	unitprice2 = document.forms["invoice"].unitprice2.value;
	units2 = document.forms["invoice"].units2.value;

	if(unitprice2 != '') {
		// do some calculation
		lineTotal2 = formatNumber((unitprice2 * units2), 2);
		// set the value in the right field
		document.forms["invoice"].linetotal2.value = lineTotal2;
		document.forms["invoice"].totalprice.value = formatNumber((parseFloat(lineTotal) + parseFloat(lineTotal2)),2);
	}
	else {
		document.forms["invoice"].linetotal2.value = '';
		document.forms["invoice"].totalprice.value = formatNumber(lineTotal,2);
	}
}

This does calculate what I need but only if I have up to two rows. I need to make the function dynamically count how many rows there are, and calculate the linetotal for each row. And here's where my limited JS knowledge brings me to a halt.

I have been thinking about what this new and dynamic function should look like, but that's the best I could produce...

Code:
function calculate() {
	
	var unitprice[i]	= document.forms["invoice"].unitprice[i].value;
	var units[i]		= document.forms["invoice"].units[i].value;
	var linetotal[i]	= formatNumber((unitprice[i] * units[i]), 2);
	
	return linetotal;
}

Your help will be appreciated. Please explain how things are done, don't just give me the code. Thanks in advance!

Amending Function To Calculate Into The New Year And Not Return The Value 12/33/2014

 Similar Tutorials View Content
Good morning Guru's and Experts,

I really need your help with this one.


It seems that the function this_week('end') is returning a bad date of 12/33/2014 (mm/dd/yyyy) where it should properly read:

01/02/2015

Code:
function this_week(x) {

    var today, todayNumber, fridayNumber, sundayNumber, monday, friday;
        today = new Date();
        todayNumber = today.getDay();
        mondayNumber = 1 - todayNumber;
        fridayNumber = 5 - todayNumber;

        if (x === 'start') {
            //var start_dd = today.getDate() + mondayNumber
            var start_dd = today.getDate()
            var start_mm = today.getMonth() + 1
            var start_yyyy = today.getFullYear()

            return start_mm + '/' + start_dd + '/' + start_yyyy
        }
        if (x === 'end') {
            var end_dd = today.getDate() + fridayNumber
            var end_mm = today.getMonth() + 1
            var end_yyyy = today.getFullYear()

            return end_mm + '/' + end_dd + '/' + end_yyyy
        }


}







Reply With Quote




12-29-2014, 07:43 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

I understand that you are trying to get the date next Friday. Try this script:-

Code:
<span id = "info"></span>

<script type = "text/javascript">
var curr = new Date(); // get current date
var first = curr.getUTCDate() - curr.getUTCDay(); // First day is the day of the month - the day of the week
var last = first + 5; // last day is the first day + 5  = Friday
var lastday = new Date(curr.setDate(last));
var yy = lastday.getUTCFullYear();
var mth = lastday.getUTCMonth()+1;
if (mth<10) {mth = "0" + mth}
var dy = lastday.getUTCDate();
if (dy<10) {dy = "0" + dy}

// now manipulate the display of year,month,date as desired
var result = mth + "/" + dy + "/" + yy;
document.getElementById("info").innerHTML = "Week Ending Friday " + result;
</script>

Lottery: A tax on people who are bad at math.


Recursive Function With For Loop, For Loop Is Breaking When Calling Itself

 Similar Tutorials View Content
Ok, I'm nearly pulling my hair out with this one. I have been looking at this code for two evenings now, and rewrote it 4 times already. It started out as jQuery code and now it's just concatenating strings together.

What I'm trying to do: Build a menu/outline using unordered lists from a multidimensional array.

What is happening: Inside the buildMenuHTML function, if I call buildMenuHTML, the for loop only happens once (i.e. only for 'i' having a value of '0'.) If I comment out the call to itself, it goes through the for loop all 3 times, but obviously the submenus are not created.

Here is the test object:
Code:
test = [
	{ 
	  "name" : "Menu 1", 
		"url" :  "menu1.html",
		"submenu" : [
		  {
				"name" : "menu 1 subitem 1",
				"url" :  "menu1subitem1.html"
			},
			{
				"name" : "menu 1 subitem 2",
				"url" :  "menu1subitem2.html"
			} ]
	},
	{ 
	  "name" : "Menu 2",
	  "url" :  "menu2.html", 
		"submenu" : [ 
		  { 
			  "name" : "menu 2subitem 1", 
			  "url" :  "menu2subitem1.html"
			},
		  { 
			  "name" : "menu 2subitem 1",
			  "url" :  "menu2subitem1.html"
		  } ]
	},
	{ 
	  "name" : "Menu 3",
	  "url" :  "menu3.html", 
		"submenu" : [ 
		  { 
			  "name" : "menu 3 subitem 1", 
			  "url" :  "menu3subitem1.html"
			},
		  { 
			  "name" : "menu 3 subitem 1",
			  "url" :  "menu3subitem1.html"
		  } ]
	}
];

Here is the recursive function:
Code:
function buildMenuHTML(menuData,level) {
	var ul;
	if (level == 1) {
		ul = "<ul id='menu'>";
	} else {
		ul = "<ul class='level" + level + "'>";
	}

	for (i = 0; i < menuData.length; i++) {
		menuItemData = menuData[i];
		
		ul += "<li>";
		ul += "<a href='" + menuItemData.url + "'>" + menuItemData.name + "</a>";
		
		if (typeof menuItemData.submenu != 'undefined') {
			ul += buildMenuHTML(menuItemData.submenu,level + 1);
		}
		
		ul += "</li>";
	}
	
	ul += "</ul>";
	return ul;
}

Here is how the function is called initially:
Code:
buildMenuHTML(test,1);

This is it's return value (with indentation added for readability):
Code:
<ul id='menu'>
  <li><a href='menu1.html'>Menu 1</a>
    <ul class='level2'>
      <li><a href='menu1subitem1.html'>menu 1 subitem 1</a></li>
      <li><a href='menu1subitem2.html'>menu 1 subitem 2</a></li>
    </ul>
  </li>
</ul>

'Menu 2' and 'Menu 3' don't show up! I'm sure it's something small that I'm overlooking, but any help would be appreciated.

Unable To Execute Function Designed To Calculate The Average Of Numbers Inputted.

 Similar Tutorials View Content
I've been messing with this code for about a couple of hours, and I did everything down to the wire..yet still I am unable to get it to work. When I input the numbers, and click off to the side nothing appears down at the final textarea of the form which is suppose to show the average.

I've tried just about everything, sadly all I have to go by is other example codes, and the very intricate instructions which states I must pass the values to the calcAvg() to the second function of performCalc(), which I did, and then I assigned the var calcResult another value. From there I did the return..and after that I'm rather loss as to what to do next to get this code to work, any tips?

Code:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calculation Average</title>
<script type="text/html">
/* <![CDATA[ */


function calcAvg() {
var calcResult=document.numbers.number1.value + document.numbers.number2.value +document.numbers.number3.value + document.numbers.number4.value + document.numbers.number5.value
}
function performCalc() {
var calcResult = calcResult / 5
return calcResult;
}
			
/* This is what I got so far, as you can see I need plenty of help!*/
</script>

</head>
<H1> Calculate Average of Numbers</H1>
<body>

<form action="" name="numbers">
<table>
<tr>
<td>
<tr>
<td>Enter the five numbers:<br />
</td></tr>
<tr><td>
<input type="text" name="number1" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number2" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number3" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number4" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
<tr>
<td>
<input type="text" name="number5" size="3"
onchange="calcAvg()" text="0" /></td>
</tr>
</table>
</form>


<form action="" name="averageResult">
<p>
Estimate average:
<input type="text" name="average" size="5"
style="border-style: none; border-color:
inherit; border-width: medium;
background-color: Transparent" text="0" /></p>
</form>
</body>
</html>


While Loop Trouble

 Similar Tutorials View Content
Hi

This part of the script should ask the user which type of shape they'd like to calculate the area of, then convert whatever they enter to uppercase so that the test condition can be eventually falsified when the user enters 'c, C, s, S, r or R'.

I've consulted the w3 school, and as far as I can tell I'm formatting it correctly. I think the problem may be in the syntax of the test condition.

Code:
while (shapeType != 'C' || shapeType != 'S' || shapeType != 'R')
{
	shapeType = prompt("Which type of Shape would you like to find the area of?" + '\n' + "For a circle, enter C" + '\n' + "For a square, enter S" + '\n' + " For a rectangle, enter R");
	shapeType = shapeType.toUpperCase();
}

However, firebug reports that 'shapeType is null'.

How can this be? I've declared shapeType in the head as a global variable.

Any ideas?


Jenny

Trouble With For Loop/array

 Similar Tutorials View Content
All I am trying to pull the data from an array and place it in a table. If I assign index 0 it works as desired. I then placed it inside a foor loop and changed the index to a variable and I get "undefined". Here is the code snipet:

document.write("<table width='500'>");
document.write("<tr><td width='75%'>Product:</td><td width='25%' align='center'>Cost</td></tr>");

for (i=0; i<(itemPrice.length); i++);
{
document.write("<tr><td>" + itemName[i] + "</td><td align='right'>" + itemPrice[i] + "</td></tr>");
totalcost = totalcost + itemPrice[i];
}
document.write("<tr><td>The total is:</td><td align='right'>" +"$ "+totalcost+ "</td></tr>");

document.write("</table>");

compared to some of the samples I have seen I apologize if this is too elementary.

rneaul

Trouble With Variables In A For Loop

 Similar Tutorials View Content
I'm using a loop to get the attributes of a series of <a> tags in an xml. Here's the code:

Code:
function getAttributes(){ 
	for(var i=0;i <= totalSteps;i++){
		whichLink = xmlDoc.getElementsByTagName("xml")[0].getElementsByTagName("a")[i].attributes.getNamedItem("href").value.split("?");
		alert(whichLink);
	        if(whichLink[1]=="correctLink"){
                        alert("correctLink detected");
		        myMessage += whichLink[0];
	        }
        }
displayMessage();
}

When I run the function, I get a "Object required" error for the getElementsByTagName("a")[i] line, and displayMessage() won't fire. The weird thing is, the alert(whichLink); and alert("correctLink detected"); commands both work correctly, and when I replace the i variable with a digit, like 1 , everything works smoothly (save for the fact that it only returns one of the urls I'm looking for).

So something odd is going on with my loop variable, but I'm at a loss as to what.

Anyone have any ideas?

Appreciated as always,
~gyz

Trouble With A Loop With Conditional In It

 Similar Tutorials View Content
This is the loop I'm trying to use to check for bullets hitting rocks. the function worked if I used actual numbers instead of the j variable, but I wanted to loop through all the rocks.

Can anyone see why the inner function loses the j index and says asteroids[j] is undefined? the hit test is removing the bullets! it's working! the asteroids[j] was used in the hit test!

I'm getting testy. LOL


Code:
for(z in player.bullets){
for(j in asteroids){
if( pnpoly( asteroids[j].points_x, asteroids[j].points_y, player.bullets[z].x - asteroids[j].x, player.bullets[z].y-asteroids[j].y)==true) {
player.bullets.shift();
asteroids[j].hits++;
	for(i in asteroids[j].points_x){
			asteroids[j].points_x[i]*=.5;
			asteroids[j].points_y[i]*=.5; 
					}
};
	
			}


Here's the whole script. This is the asteroids script somebody needed help with a few days ago. I just couldn't resist making this. I love asteroids so much it's hard to describe. That game was simply the most awesome thing ever at the time. (I'm a product of the eighties)
Code:
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<script>
function pnpoly(xp, yp, x, y){var c=0;for(i in xp){ j=i++;if((((yp[i]<=y)&&(y<yp[j]))||((yp[j]<=y)&&(y<yp[i])))&&(x<(xp[j]-xp[i])*(y-yp[i])/(yp[j]-yp[i])+xp[i])){c =!c}} return c}  

var canvas = null;
var c2d = null;
//...
window.onload = init;

function init() {
 thrustFlame=false
    asteroids = [{
        x: 470,
        y: 290,
        angle: 1.71,
	inertia: .5,
        inertiaAngle: 1.2,
        points_x: [-30, -27, 5,  15, 30, 15,-5],
        points_y: [ -5, 15, 30, 27, -5, -25, -30],
	hits:0
    },
    {
        x: 270,
        y: 290,
        angle: 1.71,
	inertia: .75,
        inertiaAngle: 1.9,
        points_x: [-30, -10, 0, 20, 40, 20, -10],
        points_y: [0, -20, -50, -30, 0, 20, 20],
	hits:0
    }]


    player = {
        x: 50,
        y: 50,
        angle: 1.71,
        inertia: 0,
        inertiaAngle: 0,
bullets:[]
    }
    canvas = document.getElementById('canvas');
    ctx = canvas.getContext('2d');
    setInterval(step, 60);
}

function step() {



    for (i in asteroids) {
        asteroids[i].angle += i % 2 == 0 ? .05 : -.05
	asteroids[i].x < 0 ? asteroids[i].x = canvas.width : asteroids[i].x %= canvas.width
    	asteroids[i].y < 0 ? asteroids[i].y = canvas.height : asteroids[i].y %= canvas.height
asteroids[i].x += Math.sin(asteroids[i].inertiaAngle) * asteroids[i].inertia;
    asteroids[i].y += -Math.cos(asteroids[i].inertiaAngle) * asteroids[i].inertia
		}
    				
ctx.fillStyle = "rgb(0,0,0)"
ctx.fillRect(0, 0, canvas.width, canvas.height);

 for (u = 0; u < asteroids.length; u++) {
        ctx.save();
 ctx.beginPath()
        Asteroid_draw(asteroids[u]);


 ctx.closePath();

    ctx.strokeStyle = "#eeeeff";
      ctx.stroke();
        ctx.restore();

    }




    ctx.save();
 ctx.beginPath()
    Player_draw(player);
 ctx.closePath()
   ctx.strokeStyle = "#eeeeff";
     ctx.stroke();
       ctx.restore()

if(thrustFlame){
       ctx.save();
    ctx.beginPath()
        Player_drawFlame(player);
    ctx.closePath()
      ctx.strokeStyle = "#ff0000";
        ctx.stroke();
          ctx.restore()
        thrustFlame=false
	}


    player.x < 0 ? player.x = canvas.width : player.x %= canvas.width
    player.y < 0 ? player.y = canvas.height : player.y %= canvas.height

    if (player.inertia > .025) player.inertia -= .025

    player.x += Math.sin(player.inertiaAngle) * player.inertia;
    player.y += -Math.cos(player.inertiaAngle) * player.inertia


for(i in player.bullets){
player.bullets[i].timer++;
if(player.bullets[i].timer > player.bullets[i].range)player.bullets.shift()
player.bullets[i].x < 0 ? player.bullets[i].x = canvas.width : player.bullets[i].x %= canvas.width
player.bullets[i].y < 0 ? player.bullets[i].y = canvas.height : player.bullets[i].y %= canvas.height

	player.bullets[i].x += Math.sin(player.bullets[i].inertiaAngle) * player.bullets[i].inertia;
    	player.bullets[i].y += -Math.cos(player.bullets[i].inertiaAngle) * player.bullets[i].inertia
	    
	ctx.save();
    ctx.beginPath()
ctx.fillStyle="rgba(255,255,0,1)"
    ctx.arc(player.bullets[i].x,player.bullets[i].y,1.5,0,3.14,true)
ctx.fill()
    ctx.closePath()
	ctx.restore();



	}


for(z in player.bullets){
for(j in asteroids){
if( pnpoly( asteroids[j].points_x, asteroids[j].points_y, player.bullets[z].x - asteroids[j].x, player.bullets[z].y-asteroids[j].y)==true) {
player.bullets.shift();
asteroids[j].hits++;
	for(i in asteroids[j].points_x){
			asteroids[j].points_x[i]*=.5;
			asteroids[j].points_y[i]*=.5; 
					}
};
	
			}
		}
}

function Asteroid_draw(obj) {

    ctx.translate(obj.x, obj.y)
    ctx.rotate(obj.angle);
    ctx.moveTo(obj.points_x[0], obj.points_y[0]);
    for (i = 0; i < obj.points_x.length - 1; i++) {

        ctx.lineTo(obj.points_x[i], obj.points_y[i]);
    }
ctx.lineTo(obj.points_x[0], obj.points_y[0])


}


function Player_draw(obj) {
    ctx.translate(obj.x, obj.y);
    ctx.rotate(obj.angle);
    //Points {0,-12}{7,5}{-7,5}
    ctx.moveTo(0, -12);
    ctx.lineTo(7, 4);

    
    ctx.lineTo(-7, 4);
ctx.moveTo(-7, 4)
    ctx.lineTo(0, -12);
}
function Player_drawFlame(obj) {
    ctx.translate(obj.x, obj.y);
    ctx.rotate(obj.angle);
ctx.moveTo(-2, 2);
ctx.lineTo(0, 12);
ctx.lineTo(2, 2);

    
    
}
document.onkeydown = function (event) {
    keyDown(event)
};

function keyDown(event) {event=!event?window.event:event
if (event.keyCode == 32) {
        player.bullets.push({x:player.x,y:player.y,inertia:player.inertia+10,inertiaAngle:player.angle,timer:0,range:40})
  

 



 }
    if (event.keyCode == 37) {
        player.angle -= .1
    }
    /*left*/
    else if (event.keyCode == 39) {
        player.angle += .1
    }
    /*right*/
    else if (event.keyCode == 38) {

thrustFlame=true

    var x1= Math.cos(player.inertiaAngle)* player.inertia;
    var y1= Math.sin(player.inertiaAngle)* player.inertia;
    var x2= Math.cos(player.angle)* .2;
    var y2= Math.sin(player.angle)* .2;

    var xR= x1 + x2;
    var yR= y1 + y2;
    var lengthR= Math.sqrt(xR*xR+yR*yR);
    if (lengthR==0){angleR=0}
    var angleR= Math.acos(xR/lengthR);
    if (yR<0)angleR= 0-angleR;

   player.inertia=lengthR

        
       // player.inertiaAngle = (player.inertiaAngle*19 + player.angle) / 20
player.inertiaAngle =angleR
    }
    /* up*/
    else if (event.keyCode == 40) {
        player = {
            x: 50,
            y: 50,
            angle: 1.71,
            inertia: 0,
            inertiaAngle: 0
        }
    }
    /*down*/

}

</script>
<canvas id="canvas" width="600" height="600"></canvas>
</body>
</html>


Trouble With Array And For Loop

 Similar Tutorials View Content
I'm just a beginner with JS and having trouble with the code for my array and FOR loop. I'd like the names of these animals to be listed on separate lines. Am I way off here? I wasn't sure if the for statement had to be within a function. I've spent hours trying to figure this out and appreciate any help.


<script type="text/javascript">
var animal = new Array(4);
animal[0] = "dog";
animal[1] = "cat";
animal[2] = "bird";
animal[3] = "rabbit";
var counter = 0;

function writeAnimal ()
{
for (var counter = 0; counter== 4; counter++)
{
document.write(animal[0]);
document.write("<br />");
}
}
</script>
Privacy