JavaScript - Html5 Multiple File Input

Hi,

Can someone tell me what I am doing wrong. Script works on the first attachment but not the other two?

Code:

<script type="text/javascript" language="JavaScript"><!--
function ExtensionsOkay() {
var extension = new Array();
var fieldvalue = new Array();
fieldvalue[0] = document.customApp.attachment_1.value;
fieldvalue[1] = document.customApp.attachment_2.value;
fieldvalue[2] = document.customApp.attachment_3.value;
extension[0] = ".doc";
extension[1] = ".docx";
extension[2] = ".txt";
extension[3] = ".pdf";


// No other customization needed.
for(var f = 0; f < fieldvalue.length; f++) {
var thisext = fieldvalue[f].substr(fieldvalue[f].lastIndexOf('.'));
for(var i = 0; i < extension.length; i++) {
	if(thisext == extension[i]) { return true; }
	}
alert("Your upload field " + f + " contains an unapproved file name.");
return false;
}
}
//--></script>

Hi, please help. I've been trying to check what I did wrong in my code but still the total doesn't show. Below is my javascript function:
Code:

function CalculateTotal(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r) 
{ 
    var tota= document.getElementById('a'); 
var totb= document.getElementById('b'); 
var totc= document.getElementById('c'); 
var totd= document.getElementById('d'); 
var tote= document.getElementById('e'); 
var totf= document.getElementById('f'); 
var totg= document.getElementById('g'); 
var toth= document.getElementById('h'); 
var toti= document.getElementById('i'); 
var totj= document.getElementById('j'); 
var totk= document.getElementById('k'); 
var totl= document.getElementById('l'); 
var totm= document.getElementById('m'); 
var totn= document.getElementById('n'); 
var toto= document.getElementById('o'); 
var totp= document.getElementById('p'); 
var totq= document.getElementById('q'); 
var totr= document.getElementById('r'); 	




	var grandTotal = tota + totb +totc + totd + tote + totf + totg + toth + toti +totj + totk + totl + totm + totn + toto + totp +totq + totr; document.getElementById('Total').value = grandTotal.toFixed(2);
}

Below is my textbox where there are more than 10 textboxes for user to enter donation amount. I'd like to calculate all the donation amount entered then show total in the bottom.
Code:

<fieldset id="fieldset-in_registration">
            <table>
	<tr>
    	<td style="width:390px;text-align:left"><label for="a" style="font-weight:bold">A. Aloha United Way Community Care Fund&nbsp</label></td>
        
        <td style="float:right">  <input id="a" name="a" class="text" type="text" value="$<?php safeEcho($form['a'])?>" style="width:100px;" onChange="CalculateTotal()"  />
     <?php helper_error('a');?> </td>
    </tr>
     <tr>
                	<td style="width:390px;text-align:left"><label for="b">211 Information and Referral Services </label></td>
        
        <td style="float:right">  <input id="b" name="b" class="text" type="text" value="$<?php safeEcho($form['b'])?>" style="width:100px;" onChange="CalculateTotal()" />
     <?php helper_error('b');?> </td>
                </tr>
                <tr>
                	<td style="width:390px;text-align:left"><label for="c">Volunteer Hawaii/Gifts-in-Kind</label></td>
        
        <td style="float:right">  <input id="c" name="c" class="text" type="text" value="$<?php safeEcho($form['c'])?>" style="width:100px;" onChange="CalculateTotal()"/>
     <?php helper_error('c');?> </td>
                </tr>
</table>
            </fieldset>
<fieldset id="fieldset-in_registration">
         <label for="impact" style="font-weight:bold">B. Impact Areas</label>
            <table>
            	<tr>
                	<td style="width:390px;text-align:left"><label for="d">Crime and Drug Use</label></td>
        
        <td style="float:right">  <input id="d" name="d" class="text" type="text" value="$<?php safeEcho($form['d'])?>" style="width:100px;" onChange="CalculateTotal()"/>
     <?php helper_error('d');?> </td>
                </tr>
                <tr>
                	<td style="width:390px;text-align:left"><label for="e">Early Childhood Development</label></td>
        
        <td style="float:right">  <input id="e" name="e" class="text" type="text" value="$<?php safeEcho($form['e'])?>" style="width:100px;" onChange="CalculateTotal()" />
     <?php helper_error('e');?> </td>
                </tr>
                <tr>
                	<td style="width:390px;text-align:left"><label for="f">Emergency and Crisis Services</label></td>
        
        <td style="float:right">  <input id="f" name="f" class="text" type="text" value="$<?php safeEcho($form['f'])?>" style="width:100px;" onChange="CalculateTotal()" />
     <?php helper_error('f');?> </td>
                </tr>
                <tr>
                	<td style="width:390px;text-align:left"><label for="g" >Financial Stability and Independence</label></td>
        
        <td style="float:right">  <input id="g" name="g" class="text" type="text" value="$<?php safeEcho($form['g'])?>" style="width:100px;" onChange="CalculateTotal()"/>
     <?php helper_error('g');?> </td>
                </tr>
                <tr>
                	<td style="width:390px;text-align:left"><label for="h" >Homelessness</label></td>
        
        <td style="float:right">  <input id="h" name="h" class="text" type="text" value="$<?php safeEcho($form['h'])?>" style="width:100px;" onChange="CalculateTotal()"/>
     <?php helper_error('h');?> </td>
                </tr>
               
               
            </table>
</fieldset>
            
            <fieldset id="fieldset-in_registration">
        	<p>D. <b>Agency/Program Support ($48 MINIMUM PER CHOICE)</b></p>
            <p>My gift is designated to one or more specific agencies or programs. Processing fee may apply. 
            <p style="color:#FF0000">(Note: Agency Name is intentionally shorten/cut-off and indented to the next line to fit in the page. Choose either one of the indented line will give the same code.)</p>
            
            <div class="formfield">
      <table>
      	<tr>
        	<td>
       <select id="designation_list1" name="designation_list1" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       
       </td>
      <td>
       <input id="i" name="i" class="text" type="text" value="$<?php safeEcho($form['i'])?>" style="width:100px;" onChange="CalculateTotal()""/>
       	</td>
       </tr>
       <tr>
       	 <td>
       <select id="designation_list2" name="designation_list2" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       
       </td>
      <td>
       <input id="j" name="j" class="text" type="text" value="$<?php safeEcho($form['j'])?>" style="width:100px;" onChange="CalculateTotal();"/>
       	</td>
       </tr>
       <tr>
        	<td>
       <select id="designation_list3" name="designation_list3" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="k" name="k" class="text" type="text" value="$<?php safeEcho($form['k'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>

       </tr>
       <tr>
        	<td>
       <select id="designation_list4" name="designation_list4" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="l" name="l" class="text" type="text" value="$<?php safeEcho ($form['l'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>

       </tr>
       <tr>
        	<td>
       <select id="designation_list5" name="designation_list5" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="m" name="m" class="text" type="text" value="$<?php safeEcho($form['m'])?>" style="width:100px;" onChange="CalculateTotal();"/>
       	</td>

       </tr>
       <tr>
        	<td>
       <select id="designation_list6" name="designation_list6" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="n" name="n" class="text" type="text" value="$<?php safeEcho($form['n'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>

       </tr>
       <tr>
        	<td>
       <select id="designation_list7" name="designation_list7" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="o" name="o" class="text" type="text" value="$<?php safeEcho($form['o'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>
       </tr>
       <tr>
        	<td>
       <select id="designation_list8" name="designation_list8" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="p" name="p" class="text" type="text" value="$<?php safeEcho($form['p'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>
       </tr>
       <tr>
        	<td>
       <select id="designation_list9" name="designation_list9" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="q" name="q" class="text" type="text" value="$<?php safeEcho($form['q'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>
       </tr>
       <tr>
        	<td>
       <select id="designation_list10" name="designation_list10" size="1" style="overflow-x:scroll; width:390px; ">
         <?php foreach ($designation_list as $descode => $prompt) : ?>
         <option value="<?php echo $descode; ?>" ><?php safeEcho($descode); ?>
         </option>
         <?php endforeach; ?>
       </select>
       </td>
      <td>
       <input id="r" name="r" class="text" type="text" value="$<?php safeEcho($form['r'])?>" style="width:100px;" onChange="CalculateTotal()"/>
       	</td>
       </tr>
       <tr>
       	<td style="text-align:right;"><b>TOTAL GIFT(S) DESIGNATED (A-D)</b><BR /> (Must not exceed donation amount)</td>
        <td><input name="Total" id="Total" type="text" maxlength="10" readonly="true" onChange="CalculateTotal(this.value)" /></td>
       	
       </tr>
      </table>

Please help. I tried for how many days using the javascript calculations and still didn't work. I have a form with the same calculations and it does work but this one doesn't. Please help. Thanks a lot. Hope to hear from you soon.

<!-- ** Need help completing the javascript in this example ** -->

<html>

<head>
<title>Convert ListBox data into 4 Text Boxes</title>
<script language="javascript">
function SplitText (
// NEED HELP WITH THIS CODE
split text ",";
convert to ['textbox1','textbox2','textbox3','textbox4']
}
</script>
</head>

<body>
<form name="convert">
<p style="margin: 2px">
<h3>Convert selected data to textboxes</h3>
<!-- SELECT DATA FROM LIST BOX -->
<select size="1" name="ListBox" onChange="SplitText();">
<option value="jim,bob,rick,paul" >==Row1==</option>
<option value="pete,jack,chris,craig">==Row2==</option>
<option value="mary,jane,lisa,kim" >==Row3==</option>
</select>
</p>

<h3>In this example say we selected row1</h3>
<!-- THE SELECTED DATA GETS SPLIT AND INSERTED INTO THESE 4 TEXTBOXES -->
<p style="margin: 2px">
<input type="text" name="textbox1" value="jim"><br>
<input type="text" name="textbox2" value="bob"><br>
<input type="text" name="textbox3" value="rick"><br>
<input type="text" name="textbox4" value="paul"><br>
</p>
</form>
</body>

</html>

print "<Font face=\"calibri, Arial\"><table id=\"rnatable\" border=2px width=100%>";
print "<th></th>";
print "<th>a</th>";
print "<th>b</th>";
print "<th>c</th>";
print "<th>d</th>";
print "<th>e</th>";
print "<th>f</th>";
print "<th>g</th>";

while($array = mysql_fetch_array($sql_query))
{
$id=$array['a'];
print "<tr id=\"newtr\">";
print "<td><input id=\"check\" type=\"checkbox\" name=\"keyword[]\" value=\"$id\" ></td>";
print "<td>".$array['a']."</td>";
print "<td>".$array['b']."</td>";
print "<td>".$array['c']."</td>";
print "<td>".$array['d']."</td>";
print "<td>".$array['e']."</td>";
print "<td>".$array['f']."</td>";

print "<td>
<a href=\"http://localhost/rnasearch/retrieve.php?a=$id\">bla</a>
</td></tr></font>";

}

print "</table>";
}

this is part of a php searchengine script that i wrote to retrieve data from a database and as you can see the last column that is g contains a link which when clicked takes the user to the second php script which retrieves additional information of that entry, but this is done for only single entries so as you can see i introduced checkboxes so that the user can check any number of checkboxes and retrieve information as per their wish

now to do this i created a <input type=text where i want the value of these checkboxes i.e. $id to be posted in a delimited format so that the user can then click the corresponding button and retrieve the information this is the code

<div id="floatMenu">
<ul class="menu1">
<center><li><form name="senddata" method="POST" action="http://localhost/retrieve.php" style="display:inline;"><input id="fasta" type="text" class="multitext"><input name="Fasta" type="Submit" value="Retrieve Fasta"></form>

this is a css floating menu....so far so good....everything went fine....
after this i had to write a javascript to do this and i've been stuck there searching forums for the last 4 days!

this is the javascript i found from somewhere which came close to doing wht i wanted it to do

window.onload = function () {
var cb = document.getElementById('check');
var fasta = document.getElementById('fasta');
cb.onclick = function () {fasta.value = cb.value + ",";
};};

this script only sends the value of the first checkbox in the table, the others are not found by it, mind you its not the first checkbox selected its the first checkbox that is present in the table

how can i resolve this problem so that even if i have n number of checkboxes in my table, if the user chooses to do so they can retrieve n number of information....please help i've almost lost hope in this!

Hate to ask this as I know it's an easy one but surprisingly Google turns up no clear/simple answers!

I'm modifying some old code and am not JS programmer (I'm a PHP programmer) and this is driving me nuts. The existing code makes sure that when the form is submitted that there isn't a missing value. There's also some hidden input values. The JS starts out

function checkform(orderform)

and the form tag includes onsubmit="return checkform(this);">

I can add an alert to the form to see varius input values, such as a hidden value for the input name 'description' I can use:

alert (orderform.description.value)

Eazy peazy.

However the form has two different input type=image buttons now and I need to do some branching in the JS depending on which image button they press. I recall IE had an issue where it only sends the x and y coordinates So I figure an easy to determine which image button was pressed is just check to see if the x or y value for each button is non-zero.

But I can't for the life of me figure out how to access the value. Example:

alert (orderform.button1.x.value) doesn't work.

Can someone refresh my memory or suggest an entirely different method for detecting which image button was used to submit a form?

THanks in advance!