Garin Septian: April 2015

Selasa, 21 April 2015

Membuat input dinamis menggunakan jQuery

02.23Unknown

halo!
Postingan kali ini saya akan membahas bagaimana caranya membuat inputan dinamis yang mempunyai fitur TAMBAH/HAPUS field.
Bingung dengan bahasa saya, langsung aja liat demonya, KLIK DISINI

Apa aja yang dibutuhkan?
1. Library jquery
2. Kesabaran
:p

Oke saya akan menjelaskannya secara bertahap
1. silahkan buat struktur html

2. Tambahkan tag form, input dan masukkan library jQuery seperti ini

3. Tambahkan kode berikut tepat sebelum tag </body>

<script type="text/javascript">
  
 $(document).ready(function() {
     var batas      = 10; //batas maksimum penambahan fields
     var kotak         = $("#kotak"); //Kotak field
     var tombolAdd      = $("#tombolAdd"); //tombol tambah
     
     var x = 1; //digunakan untuk menghitung jumlah kotak yg ditambahkan
     var next = 2; //digunakan untuk penamaan inputan secara array
     $(tombolAdd).click(function(e){ //ketika tombolAdd di eksekusi, maka
         e.preventDefault();
         if(x < batas){ //batas maksimum pnembahan
             x++; //menghitung pertambahan secara increment
             $(kotak).append('<div class="garin"><input type="text" name="satu'+ next +'"/><input type="text" name="dua'+ next +'"/><a href="#" class="remove_field">Remove</a></div>
'); //penambahan kotak
         }
         next++;
     });
     
     $(kotak).on("click",".remove_field", function(e){ //fungsi untuk menghapus fields
         e.preventDefault(); $(this).parent('.garin').remove(); x--;
     })
 });
</script>

4. save, kemudian jalankan
untuk selanjutnya silahkan dikembangkan sendiri

Kalo masih bingung silahkan tanyakan di komentar

Senin, 20 April 2015

FYI

Pindah domain

03.23Unknown

Sabtu, 18 April 2015

Berhati-hatilah saat melakukan aktifitas ini

22.38Unknown

Rabu, 15 April 2015

DINACOM 2015 sesi foto (2)

10.06Unknown

DINACOM 2015 sesi foto (1)

10.03Unknown

Full Team JobFair13 Dinus Career Center

09.02Unknown

Jumat, 03 April 2015

Cara menghilangkan virus shortcut melalui CMD

02.12Unknown

FYI

Mengenal WWAHost.exe

01.39Unknown