Haloo! Selamat Datang di Komunitas Private Training Web Development (56262 Members, 634 Products, 4510 Topic, 11882 Comments)

Butuh karyawan baru? atau seorang Web Developer (Part-time/Freelance/Full-time), cari disini : Members Area Jobs!

Tambahkan tombol Edit soal quiz dan ujian pada SIASELAH

Dibuat
Login Terakhir 2 Hari lalu,
Telah Dilihat 188 Kali
Lukman Hakim Mengatakan : Premium
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. Mohon bantuan para Master..
  3. Bagaimana cara menambahkan tombol edit soal quiz dan ujian pada SIASELAH, baik yang essai maupun pilihan ganda. Krn yg tercantum hanya tombol HAPUS.
  4. Wssalamualaikum Warahmatullahi Wabarakatuh...

Ada 1 Jawaban

PHPMU.COM Support
commented on 17 Jan 2020 08:46:11
  1. Assalamualaikum,.. Baiklah, saya contohkan cara untuk membuat edit soal objektif,
  2. Sedangkan untuk edit soal essay cobakan sendiri ya,
  3. biar belajar dan ngerti juga kodingnya. hehe
  4.  
  5. buka file : application\quiz_ujian_soal.php pada baris 297 tambahkan tombol edit soal objektif :
  6. <a class='btn btn-xs btn-warning edit-objektif' data-id='$ko[id_pertanyaan_objektif]' href='#'><span class='glyphicon glyphicon-edit'></span></a>
  7.  
  8. Selanjutnya pada baris paling bawah dihalaman tersebut tambahkan modal penampung untuk form edit :
  9. <div class="modal fade" id="myModalEdit" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  10. <div class="modal-dialog">
  11. <div class="modal-content">
  12. <div class="modal-header">
  13. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
  14. <h5 class="modal-title" id="myModalLabel">Edit Data Soal</h5>
  15. </div>
  16. <div class="modal-body">
  17. <div class="content-body"></div>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22.  
  23. selanjutnya buat script untuk membuka form modal dengan membawa id soal objektif yang sudah kita set pada tombol edit : data-id='$ko[id_pertanyaan_objektif]', begini :
  24. <script>
  25. $(function(){
  26. $(document).on('click','.edit-objektif',function(e){
  27. e.preventDefault();
  28. $("#myModalEdit").modal('show');
  29. $.post("modal_edit_essay.php",
  30. {id:$(this).attr('data-id')},
  31. function(html){
  32. $(".content-body").html(html);
  33. }
  34. );
  35. });
  36. });
  37. </script>
  38.  
  39. Form inputan akan mengarah ke file : modal_edit_essay.php
  40. buat filenya pada folder utama yang berisi form edit dan query aksi update :
  41.  
  42. <?php
  43. include "config/koneksi.php";
  44. include "config/library.php";
  45. include "config/fungsi_indotgl.php";
  46. include "config/fungsi_seo.php";
  47. if (isset($_POST['objektif'])){
  48. mysql_query("UPDATE rb_pertanyaan_objektif SET pertanyaan_objektif = '$_POST[a]',
  49. jawab_a = '$_POST[b]',
  50. jawab_b = '$_POST[c]',
  51. jawab_c = '$_POST[d]',
  52. jawab_d = '$_POST[e]',
  53. jawab_e = '$_POST[f]',
  54. kunci_jawaban = '$_POST[g]' where id_pertanyaan_objektif='$_GET[id]'");
  55. $row = mysql_fetch_array(mysql_query("SELECT b.id_quiz_ujian, b.kodejdwl, c.kode_kelas, c.kode_pelajaran FROM `rb_pertanyaan_objektif` a JOIN rb_quiz_ujian b ON a.id_quiz_ujian=b.id_quiz_ujian
  56. JOIN rb_jadwal_pelajaran c ON b.kodejdwl=c.kodejdwl where a.id_pertanyaan_objektif='$_GET[id]'"));
  57.  
  58. echo "<script>document.location='index.php?view=soal&act=semuasoal&jdwl=$row[kodejdwl]&idsoal=$row[id_quiz_ujian]&id=$row[kode_kelas]&kd=$row[kode_pelajaran]';</script>";
  59. }
  60. $row = mysql_fetch_array(mysql_query("SELECT * FROM rb_pertanyaan_objektif where id_pertanyaan_objektif='$_POST[id]'"));
  61. echo "<form method='POST' action='modal_edit_essay.php?id=$_POST[id]' class='form-horizontal'>
  62. <div class='modal-body'>
  63. <div class='form-group'>
  64. <label for='inputEmail3' class='col-sm-2 control-label'>Soal</label>
  65. <div class='col-sm-10'>
  66. <textarea rows='3' name='a' class='form-control' placeholder='Tuliskan Soal Objektif...'>$row[pertanyaan_objektif]</textarea>
  67. </div>
  68. </div>
  69.  
  70. <div class='form-group'>
  71. <label for='inputEmail3' class='col-sm-2 control-label'>Jawab A</label>
  72. <div class='col-sm-10'>
  73. <input style='width:50%' type='text' name='b' value='$row[jawab_a]' class='form-control'>
  74. </div>
  75. </div>
  76.  
  77. <div class='form-group'>
  78. <label for='inputEmail3' class='col-sm-2 control-label'>Jawab B</label>
  79. <div class='col-sm-10'>
  80. <input style='width:50%' type='text' name='c' value='$row[jawab_b]' class='form-control'>
  81. </div>
  82. </div>
  83.  
  84. <div class='form-group'>
  85. <label for='inputEmail3' class='col-sm-2 control-label'>Jawab C</label>
  86. <div class='col-sm-10'>
  87. <input style='width:50%' type='text' name='d' value='$row[jawab_c]' class='form-control'>
  88. </div>
  89. </div>
  90.  
  91. <div class='form-group'>
  92. <label for='inputEmail3' class='col-sm-2 control-label'>Jawab D</label>
  93. <div class='col-sm-10'>
  94. <input style='width:50%' type='text' name='e' value='$row[jawab_d]' class='form-control'>
  95. </div>
  96. </div>
  97.  
  98. <div class='form-group'>
  99. <label for='inputEmail3' class='col-sm-2 control-label'>Jawab E</label>
  100. <div class='col-sm-10'>
  101. <input style='width:50%' type='text' name='f' value='$row[jawab_e]' class='form-control'>
  102. </div>
  103. </div>
  104.  
  105. <div class='form-group'>
  106. <label for='inputEmail3' class='col-sm-2 control-label'>Kunci</label>
  107. <div class='col-sm-10'>
  108. <input style='width:50%' type='text' name='g' value='$row[kunci_jawaban]' class='form-control'>
  109. </div>
  110. </div>
  111. </div>
  112. <div class='modal-footer'>
  113. <button type='submit' name='objektif' class='btn btn-primary'>Update Soal</button>
  114. </div>
  115. </form>";
  116. ?>
  117.  
  118. Simpan semua perubahan, dan silahkan coba edit data,
  119. beres, silahkan dicoba sendiri untuk membuat edit soal essay, caranya sama persis.
  120. Semoga berhasil, saya lampirkan filenya dibawah ini.
Terdapat 3 File dilampirkan :
1. quiz_ujian_soal.zip (6 KB)
2. modal_edit_essay.zip (998 B)
3. hasil_membuat_form_edit_soal.png (66 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!