Penambah Baris Tabel Otomatis Javascript

Script javascript ini berfungsi untuk menambah field (baris ) pada tabel, ketika sebuah link di klik, penambahan field pada tabel ini akan di lakukan terus menerus kebawah setiap kali klik di lakukakan,

untuk contoh script javascript nya bisa di lihat di bawah ini
<HTML>
<HEAD>
<TITLE>penmabah baris otomatis</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function addRow(id){
    var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("data 1"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("data 2"))
    var td3 = document.createElement("TD")
    td3.appendChild(document.createTextNode("data 3"))
    var td4 = document.createElement("TD")
    td4.appendChild (document.createTextNode("data 4"))
    var td5 = document.createElement("TD")
    td5.appendChild(document.createTextNode("data 5"))

    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    row.appendChild(td5);
    tbody.appendChild(row);
}
</script>

</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<a href="javascript:addRow('myTable')">Nambah Baris tabel otomatis </a>
<table border="1" cellspacing="0" bgcolor="#00FF00" id="myTable">
<tbody>
    <tr>
      <td width="87">coba </td>
      <td width="41">klik</td>
      <td width="57">link</td>
      <td width="113">diatas</td>
      <td width="109">oke</td>
    </tr>
</tbody>
</table>
</body></html>

contoh script program di atas di buat menggunakan dreamweaver dengan ekstensi html

Penambah Baris Tabel Otomatis Javascript

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

teman