Selasa, 13 Januari 2026

Javascript Table With Sum

 



<HTML><BODY>

<MARQUEE loop=1 height=200  width=740

         style="position:absolute; top:0; left:10" 

         SCROLLAMOUNT=10 SCROLLDELAY=20 BEHAVIOR="SLIDE" DIRECTION="DOWN">

<UL>Use Dynamic HTML to differentiate your content and create 

  compelling Web sites

</UL>

</MARQUEE>

<br>

<SCRIPT>

window.onload=fnInit;

function fnInit(){

   var iLen=oSheet.rows.length-1;

   for(var i=1;i<iLen;i++){

      var oRow=oSheet.rows[i];

      var oCells=oRow.cells;

      oCells(3).setExpression("innerText",

         "fnGetValue(" + oRow.uniqueID + ")");

   }

   var oGrand=oSheet.rows(iLen).cells(1);

   oGrand.setExpression("innerText","fnGetTotal()");

}

function fnGetTotal(){

   var iValue=0;

   var iLen=oSheet.rows.length-1;

   for(var i=1;i<iLen;i++){

      iValue+=parseFloat(oSheet.rows(i).cells(3).innerText);

   }

   return iValue;

}

function fnGetValue(oRow){

   var oCells=oRow.cells;

   var oPrice=oCells(2);

   var oQuantity=oCells(1);

   var sPrice;

   var sQuantity;

   if(oPrice.childNodes[0].nodeName=="#text"){

      sPrice=oPrice.innerText;

   }

   else{

      var vPrice=oPrice.childNodes[0].value;

      sPrice=(vPrice==""?"0":vPrice);

   }

   if(oQuantity.childNodes[0].nodeName=="#text"){

      sQuantity=oQuantity.innerText;

   }

   else{

      var vQuantity=oQuantity.childNodes[0].value;

      sQuantity=(vQuantity==""?"0":vQuantity);

   }

   var vAlg1=parseFloat(sPrice) * parseFloat(sQuantity);

   return vAlg1;

}

</SCRIPT>


<TABLE ID="oSheet" border="2">

<TR><TH>Product</TH><TH>Quantity</TH>

<TH>Price per #</TH><TH>Totals</TH></TR>

<TR><TD>Browser Putty</TD><TD EDIT="true">2</TD>

<TD EDIT="true">4.99</TD><TD></TD></TR>

<TR><TH COLSPAN=3>Grand Total</TH><TH></TH></TR>

</TABLE>

</BODY>

</HTML>

Tidak ada komentar: