Advertisement
pebriana

satu + satu = 5

Dec 13th, 2013
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.08 KB | None | 0 0
  1. <HTML>
  2. <HEAD>
  3.     <TITLE> Add/Remove dynamic rows in HTML table </TITLE>
  4.     <SCRIPT language="javascript">
  5.         function addRow(tableID) {
  6.  
  7.             var table = document.getElementById(tableID);
  8.             var TTT = 1;
  9.  
  10.             //var cell1 = row.insertCell(0);
  11.             //var element1 = document.createElement("input");
  12.             //element1.type = "checkbox";
  13.             //element1.name="chkbox[]";
  14.             var KD = document.getElementById('KODE').value;
  15.             var JD = document.getElementById('JUDUL').value;
  16.             var JM = document.getElementById('JUMLAH').value;
  17.             var HG = document.getElementById('HARGA').value;
  18.             var TT = JM * HG;  
  19.             //var TC += TT;
  20.  
  21.             //alert(KD);
  22.  
  23.             var rowCount = table.rows.length;
  24.             var row = table.insertRow(rowCount);
  25.  
  26.             var cell1 = row.insertCell(0);
  27.             cell1.innerHTML = rowCount + 1;
  28.  
  29.             var KD_ = row.insertCell(1);
  30.             KD_.innerHTML = KD;
  31.            
  32.             var JD_ = row.insertCell(2);
  33.             JD_.innerHTML = JD;
  34.            
  35.             var JM_ = row.insertCell(3);
  36.             JM_.innerHTML = JM;
  37.  
  38.             var HG_ = row.insertCell(4);
  39.             HG_.innerHTML = HG;
  40.  
  41.             row.insertCell(5).innerHTML = TT;
  42.  
  43.  
  44.         }
  45.  
  46.     </SCRIPT>
  47.     <style type="text/css">
  48.         body{
  49.             background-color: #EAEAEA;
  50.         }
  51.     </style>
  52. </HEAD>
  53. <BODY>
  54.  
  55. <input type="text" name="KODE" id="KODE" value="buku a"> <br />
  56. <input type="text" name="JUDUL" id="JUDUL" value="JUDUL"><br />
  57. <input type="text" name="HARGA" id="HARGA" value="1000"><br />
  58. <input type="text" name="JUMLAH" id="JUMLAH" value="2"><br />
  59. <br />
  60. <INPUT type="button" value="OK" onclick="addRow('kucinghilang')" />
  61.  
  62.     <TABLE id="kucinghilang" width="350px" border="1">
  63.         <TR>
  64.             <TD> NO</TD>
  65.             <TD> KODE </TD>
  66.             <TD> JUDUL </TD>
  67.             <TD> HARGA </TD>
  68.             <TD> JMLAH </TD>
  69.             <TD> TOTAL </TD>
  70.         </TR>
  71.     </TABLE>
  72. <br />
  73. <input type="text" name="TTT" id="TTT" value="TOTAL:">
  74. </BODY>
  75. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement