API tools faq
paste
leonsuke

jQuery-CI/Parent-Find

leonsuke
Jul 7th, 2016
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <style>
  6. tr{background: lightgreen;}
  7. table{border: 2px red solid;}
  8. #debug{padding 5px;margin: 10px;min-height: 100px;background: lightblue;border: 1px blue solid;}
  9. </style>
  10. </head>
  11. <body>
  12. <!-- start body -->
  13.  
  14. FOR Ronley Tsutomu Yori Vinberk
  15. <table>
  16. <tr>
  17. <td>1</td>
  18. <td>
  19. <input type="hidden" name="id_ruangan" value="1" class="id_ruangan" />
  20. <input type="hidden" name="id_peminjamanruangan" value="AA" class="id_peminjamanruangan" />
  21. <input type="hidden" name="status_pemakaianruangan" class="form-control input-sm" id="status_pemakaianruangan1" value="Use" />
  22. <input type="hidden" name="status_pemakaianruangan" class="form-control input-sm" id="status_pemakaianruangan2" value="Available" />
  23. <select name="status_peminjaman" class="form-control input-sm status_peminjaman">
  24. <option value="">Pilih</option>
  25. <option value="Approve">Approve</option>
  26. <option value="Cancel">Cancel</option>
  27. </select>
  28. </td>
  29. </tr>
  30. <tr>
  31. <td>2</td>
  32. <td>
  33. <input type="hidden" name="id_ruangan" value="2" class="id_ruangan" />
  34. <input type="hidden" name="id_peminjamanruangan" value="CCA" class="id_peminjamanruangan" />
  35. <input type="hidden" name="status_pemakaianruangan" class="form-control input-sm" id="status_pemakaianruangan1" value="Use" />
  36. <input type="hidden" name="status_pemakaianruangan" class="form-control input-sm" id="status_pemakaianruangan2" value="Available" />
  37. <select name="status_peminjaman" class="form-control input-sm status_peminjaman">
  38. <option value="">Pilih</option>
  39. <option value="Approve">Approve</option>
  40. <option value="Cancel">Cancel</option>
  41. </select>
  42. </td>
  43. </tr>
  44. <tr>
  45. <td>3</td>
  46. <td>
  47. <input type="hidden" name="id_ruangan" value="3" class="id_ruangan" />
  48. <input type="hidden" name="id_peminjamanruangan" value="BBD" class="id_peminjamanruangan" />
  49. <input type="hidden" name="status_pemakaianruangan" class="form-control input-sm" id="status_pemakaianruangan1" value="Use" />
  50. <input type="hidden" name="status_pemakaianruangan" class="form-control input-sm" id="status_pemakaianruangan2" value="Available" />
  51. <select name="status_peminjaman" class="form-control input-sm status_peminjaman">
  52. <option value="">Pilih</option>
  53. <option value="Approve">Approve</option>
  54. <option value="Cancel">Cancel</option>
  55. </select>
  56. </td>
  57. </tr>
  58. </table>
  59. <div id='debug'></div>
  60.  
  61. <script>
  62. $(document).ready(function() {
  63. $(".status_peminjaman").change(function() {
  64. var status_peminjaman = $(this).val();
  65. // var id_peminjamanruangan = $(".id_peminjamanruangan").val(); kurang class targetnya
  66. sTd = $(this).parent().find('.id_ruangan');
  67. // myDebug(sTd);
  68. sTd = $(this).parent().find('.id_ruangan').val();
  69. myDebug("edit id=" + sTd);
  70. var id_peminjamanruangan = $(this).parent().find('.id_peminjamanruangan').val();
  71. // var id_ruangan = $(".id_ruangan").val();
  72. var id_ruangan = $(this).parent().find('.id_ruangan').val();
  73. // var status_pemakaianruangan1 = $("#status_pemakaianruangan1").val();
  74. var status_pemakaianruangan1 = $(this).parent().find('#status_pemakaianruangan1').val();
  75. // var status_pemakaianruangan2 = $("#status_pemakaianruangan2").val();
  76. var status_pemakaianruangan2 = $(this).parent().find('#status_pemakaianruangan2').val();
  77. // return false;
  78. if ($(this).val() == "Approve") {
  79. $(".status_pemakaianruangan1").fadeOut();
  80. updateAjaxStatusPemakaian1(id_ruangan, status_pemakaianruangan1, id_peminjamanruangan, status_peminjaman);
  81. } else {
  82. $(".status_pemakaianruangan2").fadeOut();
  83. updateAjaxStatusPemakaian2(id_ruangan, status_pemakaianruangan2, id_peminjamanruangan, status_peminjaman);
  84. }
  85. });
  86. });
  87.  
  88. function updateAjaxStatusPemakaian1(id_ruangan, status_pemakaianruangan1, id_peminjamanruangan, status_peminjaman) {
  89. myDebug("update pemakaian 1");
  90. myDebug(id_ruangan + "," + status_pemakaianruangan1 + "," + id_peminjamanruangan + "," + status_peminjaman);
  91.  
  92. /*$.ajax({
  93. type: "POST",
  94. url: "peminjam/ganti_Status_Peminjam_Ruangan",
  95. data: {
  96. id_ruangan: id_ruangan,
  97. status_pemakaianruangan: status_pemakaianruangan1,
  98. status_peminjaman: status_peminjaman,
  99. id_peminjamanruangan: id_peminjamanruangan
  100. },
  101.  
  102. success: function(data) {
  103. if (data == "Success") {
  104. alert("Berhasil");
  105. document.location = "http://ris.ac.id/ris/index.php/kbr/peminjam";
  106. }
  107. }
  108. });*/
  109. return false;
  110. }
  111.  
  112. function updateAjaxStatusPemakaian2(id_ruangan, status_pemakaianruangan2, id_peminjamanruangan, status_peminjaman) {
  113. myDebug("update pemakaian 1");
  114. myDebug(id_ruangan + "," + status_pemakaianruangan2 + "," + id_peminjamanruangan + "," + status_peminjaman);
  115.  
  116. /*$.ajax({
  117. type: "POST",
  118. url: "peminjam/ganti_Status_Peminjam_Ruangan",
  119. data: {
  120. id_ruangan: id_ruangan,
  121. status_pemakaianruangan: status_pemakaianruangan2,
  122. status_peminjaman: status_peminjaman,
  123. id_peminjamanruangan: id_peminjamanruangan
  124. },
  125.  
  126. success: function(data) {
  127. if (data == "Success") {
  128. alert("Berhasil");
  129. document.location = "http://ris.ac.id/ris/index.php/kbr/peminjam";
  130. }
  131. }
  132. });*/
  133. return false;
  134. }
  135.  
  136. function myDebug(str) {
  137. $('#debug').append(str + '<hr/>');
  138. console.log(str);
  139. }
  140.  
  141. </script>
  142.  
  143. <!-- end body -->
  144. </body>
  145. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!