Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67528 Members, 783 Products, 5293 Topic, 12956 Comments)

Membuat Program Pembayaran SPP - Autosum onkeyup di javascript

Dibuat
Login Terakhir 11 Bulan lalu,
Telah Dilihat 3500 Kali
surya darma Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. Saya sedang membuat program SPP buat skripsi.
  3. Saya Coba Mengunakan autosum atau fungsi yang langsung memunculkan penjumlahan saat diketik dan Juga aotunomor dengan coding dan javascript sbb :
  4.  
  5. <?php
  6. $query = "SELECT max(id_transaksi) as maxID FROM rb_transaksi WHERE id_transaksi LIKE '$jenis%'";
  7. $hasil = mysql_query($query);
  8. $data = mysql_fetch_array($hasil);
  9. $idMax = $data['maxID'];
  10. $noUrut = (int) substr($idMax, 1, 5);
  11. $noUrut++;
  12. $newID = $jenis . sprintf("%05s", $noUrut);
  13. ?>
  14.  
  15. <script>
  16.  
  17. function startCalc(){
  18. interval = setInterval("calc()",1);}
  19. function calc(){
  20. one = document.autoSumForm.satu.value;
  21. two = document.autoSumForm.dua.value;
  22. document.autoSumForm.jumlah.value = (one * 1) - (two * 1);}
  23. function stopCalc(){
  24. clearInterval(interval);}
  25. </script>
  26.  
  27.  
  28.  
  29. Dan Coding pembayaran SBB :
  30.  
  31. $bayar = mysql_query("SELECT * FROM rb_siswa a
  32. JOIN rb_kelas b ON a.kode_kelas=b.kode_kelas
  33. LEFT JOIN rb_spp c ON a.idspp=c.idspp
  34. where a.nisn='$_GET[id]'");
  35. $s = mysql_fetch_array($bayar);
  36.  
  37. echo "<div class='col-md-12'>
  38. <div class='box box-info'>
  39. <div class='box-header with-border'>
  40. <h3 class='box-title'>Transaksi SPP $s[nama]</h3>
  41. </div>
  42. <div class='box-body'>
  43. <form method='POST' class='form-horizontal' action='' enctype='multipart/form-data'>
  44. <div class='col-md-12'>
  45. <table class='table table-condensed table-bordered'>
  46. <tbody>
  47. <input type='hidden' name='id' value='$s[idspp]'>
  48. <tr><th width='120px' scope='row'> Nomor Transaksi </th> <td> <input type='text' name='id' value='$newID' disabled='disabled'></td></tr>
  49.  
  50. <tr><th scope='row'>Nama Siswa</th><td><input type='text' class='form-control' name='a' value='$s[nama]' disabled='disabled'> </td></tr>
  51. <tr><th scope='row'>Kelas</th> <td><input type='text' class='form-control' name='f' value='$s[nama_kelas]' disabled='disabled'></td></tr>
  52. <tr><th scope='row'>Pembayaran Terakhir</th> <td><input type='text' name='satu' value='$s[bayar]' onFocus='startCalc();' onBlur='stopCalc();' disabled='disabled'></td></tr>
  53. <tr><th scope='row'>Masukan Jumlah Pembayaran</th> <td><input type='text' name='dua' onFocus='startCalc();' onBlur='stopCalc();' required/></td></tr>
  54. <tr><th scope='row'>Jumlah Yang Sudah Pembayaran</th> <td><input type='text' name='jumlah' onchange=tryNumberFormat(this.form.thirdBox) disabled='disabled'/></td></tr>
  55. </tbody>
  56. </table>
  57. </div>
  58. </div>
  59. <div class='box-footer'>
  60. <button type='submit' name='update' class='btn btn-info'>Simpan</button>
  61. <a href='javascript:history.back()'><button type='button' class='btn btn-default pull-right'>Cancel</button></a>
  62.  
  63. </div>
  64. </form>
  65. </div>";
  66.  
  67. Lebih lengkap sebagaimana terlampir.
  68. Mohon Bantuannya Mas Roby atau rekan2 sekalian.
  69. Terimakasih
Ada 1 File Kiriman :
1. Kasus.docx (82 KB)

Ada 3 Jawaban

Bukhori Muslim
commented on 04 Agu 2018 08:51:45
  1. Assalam,.. untuk kasus no 2 saya bantu ya, begini contohnya :
  2.  
  3. <script type="text/javascript" src="https://members.phpmu.com/asset/js/jquery.min.js"></script>
  4. <script language="javascript" type="text/javascript">
  5. $(document).ready(function(){
  6. $(".input").keyup(function(){
  7. var val1 = +$(".value1").val();
  8. var val2 = +$(".value2").val();
  9. $("#result").val(val1+val2);
  10. });
  11. });
  12. </script>
  13.  
  14. <table class='table table-condensed table-bordered'>
  15. <tbody>
  16. <tr><th>Nilai 1 </th> <td><input type='number' class='input value1' value='500000'></td></tr>
  17. <tr><th>Nilai 2</th> <td><input type='number' class='input value2'></td></tr>
  18. <tr><th>Hasil</th> <td><input type='text' id='result' disabled></td></tr>
  19. </tbody>
  20. </table>
surya darma
commented on 04 Agu 2018 09:46:15
  1. Assalam,..
  2.  
  3. Sudah saya coba tetap tida berjalan mas.
  4. dibagian class memang ada spasi ya mas di class='input value1'
  5. Terimakasih Mas.
PHPMU.COM Support
commented on 04 Agu 2018 18:34:18
  1. Assalam,.. pastikan kompuernya terkoneksi ke internet mas,..
  2. karena source : <script type="text/javascript" src="https://members.phpmu.com/asset/js/jquery.min.js"></script>
  3. di load dari server phpmu.com, jadi harus terkoneksi ke internet,.. :)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!