Archief - [ALG][Javascript] loopen door formelements

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

Skeletonlord

Legacy Member
Hier ben ik weer,

aangezien mijn project weer op een vrij moeilijk probleem is gestuit heb ik weer een vraagje

PHP: 
<center><form name = "frmOnkosten">
               <table border=1 cellPadding=1 cellSpacing=5 width=600 bgcolor = "peachpuff">  
	  <tr> <th width=60>Code</th> <th width=240>Titel</th> <th width=100>Eenh. prijs </th><th width=60>Aantal</th><th width=140>    
                               Totaal</th></tr>
 	 <tr>  <td>AL6</td><td>Tekstverwerking</td> 
	              <td align=center><input Value = "13.63" name=txtPrijs1 size="5" readonly></td>
                                 <td align=center>  <input  name = txtAantal1 value="0"  size="3"></td>     
   	               <td align=center ><input name = txtTot1  size="10"  readonly></td></tr>
	  <tr>  <td>AL7</td> <td>PowerPoint</td> 
	                <td align=center> <input Value = "8.97" name=txtPrijs2 size="5"  readonly></td>    
                                  <td align=center> <input  name = txtAantal2  value="0"  size="3"></td>
                                  <td align=center> <input  name = txtTot2 size="10"  readonly></td></tr>
	  <tr>  <td>AL8</td><td>HTML en Dreamweaver </td> 
	              <td align=center> <input value="10.31" name=txtPrijs3 size="5"  readonly> </td> 
  	              <td align=center> <input  name = txtAantal3  value="0"  size="3"> </td>
  	              <td align=center> <input  name = txtTot3  size="10"  readonly> </td></tr>
	  <tr>  <td>AL9</td><td>FrontPage</td>    
  	              <td> <P align=center><input value="9.83" name=txtPrijs4  size="5"  readonly> </td>
	              <td> <P align=center><input name = txtAantal4  value="0"  size="3"> </td>
	              <td ><P align=center> <input  name = txtTot4  size="10"  readonly> </td></tr>
             </table><BR>   
             <table border=0 cellPadding=1 cellSpacing=5 width=600>  
	  <tr> <td width=350 > 
    <input  name="cmdBereken" type="button" value="Bereken" onclick="BerekenTotalen()">    
                                                       <input  name="cmdLeeg"  type=reset value=Leegmaken></td> 
    	             <td width=110 align=center > <b>Eindtotaal</b> </td>
                               <td width=140 align=center>   <input   name=txtEindTotaal size="10" readonly> <b> &nbsp;€</b> </td></tr>
             </table>  
        </form></center>

Uit dit form wil ik steeds de prijs vermenigvuldigen met het aantal dat dan terecht komt in totaal

Is het mogelijk om met een speciale array elements[] ofzoits dit te doen met een for-lus ?
d

den Acid Burn

Legacy Member
onderstaande volledig copy pasten

PHP: 
<html>
<head>
<script language="javascript">
	function calculateTotal() {
		frmOnkosten.txtTot1.value = parseFloat(frmOnkosten.txtPrijs1.value) * parseFloat(frmOnkosten.txtAantal1.value);
		frmOnkosten.txtTot2.value = parseFloat(frmOnkosten.txtPrijs2.value) * parseFloat(frmOnkosten.txtAantal2.value);
		frmOnkosten.txtTot3.value = parseFloat(frmOnkosten.txtPrijs3.value) * parseFloat(frmOnkosten.txtAantal3.value);
		frmOnkosten.txtTot4.value = parseFloat(frmOnkosten.txtPrijs4.value) * parseFloat(frmOnkosten.txtAantal4.value);
		
		//calculate complete total
		frmOnkosten.txtEindTotaal.value = parseFloat(frmOnkosten.txtTot1.value) + parseFloat(frmOnkosten.txtTot2.value) + parseFloat(frmOnkosten.txtTot3.value) + parseFloat(frmOnkosten.txtTot4.value);
	}
</script>
</head>
<body>
<center>
<form name = "frmOnkosten">
<table border=1 cellPadding=1 cellSpacing=5 width=600 bgcolor = "peachpuff">  
      <tr> 
	<th width=60>Code</th> <th width=240>Titel</th> 
	<th width=100>Eenh. prijs </th>
	<th width=60>Aantal</th>
	<th width=140>Totaal</th>
     </tr>
     <tr>  
	<td>AL6</td>
	<td>Tekstverwerking</td>
	<td align="center"><input Value="5" name="txtPrijs1" size="5" readonly /></td>
	<td align="center"><input  name="txtAantal1" value="0"  size="3" /></td>     
	<td align="center" ><input name="txtTot1"  size="10"  readonly /></td>
      </tr>
      <tr>  
	<td>AL7</td> 
	<td>PowerPoint</td>
	<td align="center"> <input Value = "8.97" name="txtPrijs2" size="5"  readonly /></td>    
	<td align="center"> <input  name="txtAantal2"  value="0"  size="3" /></td>
	<td align="center"> <input  name="txtTot2" size="10"  readonly /></td>
      </tr>
      <tr>  
	<td>AL8</td><td>HTML en Dreamweaver </td>
	<td align="center"> <input value="10.31" name="txtPrijs3" size="5"  readonly /> </td>
	<td align="center"> <input  name="txtAantal3"  value="0"  size="3" /> </td>
	<td align="center"> <input  name="txtTot3"  size="10"  readonly /> </td>
      </tr>
      <tr>  
	<td>AL9</td><td>FrontPage</td>    
	<td> <P align="center"><input value="9.83" name="txtPrijs4"  size="5"  readonly /> </td>
	<td> <P align="center"><input name="txtAantal4"  value="0"  size="3" /> </td>
	<td ><P align="center"> <input  name="txtTot4"  size="10"  readonly /> </td>
      </tr>
</table>
<br />   
<table border=0 cellPadding=1 cellSpacing=5 width=600>  
      <tr> 
	<td width=350 >
		<input  name="cmdBereken" type="button" value="Bereken" onclick="calculateTotal()" />    
		<input  name="cmdLeeg"  type="reset" value="Leegmaken" />
	</td>
	<td width=110 align="center" ><b>Eindtotaal</b></td>
	<td width=140 align="center"><input   name="txtEindTotaal" size="10" readonly /> <b> &nbsp;€</b></td>
       </tr>
</table>  
</form>
</center> 
</body>
</html>

wat tips:
-gebruik in het het vervolg indents, ge gaat uzelf dankbaar zijn en wij gaan uw code ook veel beter kunnen lezen
-sluit alle tags, dus <></> oftewel < />
-zet alle attribuut values tussen ""
-gebruik lowercase tags
k

killgore

Legacy Member
not een tip: voor progging vragen die duidelijk rond webdevelopment gaan (dus de doorsnee php/javascript/asp.net vragen) -> beter op het webdevelopment forum. Daar zitten nl toch nog steeds wat scripters die niet op het gewone progging forum aanwezig zijn ;).
d

den Acid Burn

Legacy Member
kortere functie met for loop:

PHP: 
<script language="javascript">
	function calculateTotal() {
		for (var i=1; i<=4; i++) {
			eval("frmOnkosten.txtTot"+ i +".value = parseFloat(frmOnkosten.txtPrijs" + i + ".value) * parseFloat(frmOnkosten.txtAantal" + i + ".value)");
		}
		
		//calculate complete total
		frmOnkosten.txtEindTotaal.value = parseFloat(frmOnkosten.txtTot1.value) + parseFloat(frmOnkosten.txtTot2.value) + parseFloat(frmOnkosten.txtTot3.value) + parseFloat(frmOnkosten.txtTot4.value);
	}
</script>
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan