API tools faq
paste
Advertisement
Guest User

Form Isian

a guest
Sep 27th, 2016
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.00 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. include("../../inc/koneksi.php");
  3. ?>
  4. <?php
  5. if(isset($_POST['add'])){
  6. $no_surat = $_POST['no_surat'];
  7. $kode = $_POST['kode'];
  8. $bulan = $_POST['bulan'];
  9. $tahun = $_POST['tahun'];
  10. $dasar = $_POST['dasar'];
  11. $nama_peg = $_POST['nama_peg'];
  12. $nip = $_POST['nip'];
  13. $pangkat_gol = $_POST['pangkat_gol'];
  14. $jabatan = $_POST['jabatan'];
  15. $keperluan = $_POST['keperluan'];
  16. $tempat = $_POST['tempat'];
  17. $lama = $_POST['lama'];
  18.  
  19. $in = mysqli_query($koneksi, "INSERT INTO tbl_st (no_surat,kode,bulan,tahun,dasar,nama_peg,nip,pangkat_gol,jabatan,keperluan,tempat,lama) VALUES
  20. ('$no_surat','$kode', '$bulan', '$tahun', '$dasar', '$nama_peg', '$nip', '$pangkat_gol', '$jabatan', '$keperluan', '$tempat', '$lama')") or die(mysqli_error());
  21. if($in){
  22. echo "<script>alert('Input data Surat Tugas baru telah berhasil dikirim kedalam database')</script>";
  23. echo '<script type="text/javascript">window.location="st-ketua.php"</script>';
  24. }else{
  25. echo "<script>alert('ERROR: Gagal menyimpan data Surat Tugas kedalam database!')</script>";
  26. echo '<script type="text/javascript">window.location="st-ketua.php"</script>';
  27. }
  28. }
  29. ?>
  30.  
  31. <!DOCTYPE html>
  32. <html>
  33. <head>
  34. <?php include "../../page/inc/head.php";?>
  35. </head>
  36. <body class="hold-transition skin-green sidebar-mini">
  37. <!-- Site wrapper -->
  38. <div class="wrapper">
  39. <?php include "../../page/inc/navbar.php";?>
  40. <!-- =============================================== -->
  41. <?php include "../../page/inc/sidebar.php";?>
  42. <!-- =============================================== -->
  43.  
  44. <!-- Content Wrapper. Contains page content -->
  45. <div class="content-wrapper">
  46. <!-- Content Header (Page header) -->
  47. <section class="content-header">
  48. <h1>
  49. Blank page
  50. <small>it all starts here</small>
  51. </h1>
  52. <ol class="breadcrumb">
  53. <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  54. <li><a href="#">Examples</a></li>
  55. <li class="active">Blank page</li>
  56. </ol>
  57. </section>
  58.  
  59. <!-- Main content -->
  60. <section class="content">
  61. <!-- AWAL BOX -->
  62. <div class="box box-default collapsed-box">
  63. <div class="box-header with-border bg-aqua">
  64. <h3 class="box-title">Data Surat Tugas</h3>
  65.  
  66. <div class="box-tools pull-right">
  67. <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
  68. <i class="fa fa-minus"></i></button>
  69. </div>
  70. </div>
  71. <div class="box-body">
  72. ####################
  73. </div>
  74. </div>
  75. <!-- AKHIR BOX -->
  76. <!-- AWAL BOX -->
  77. <div class="box box-info">
  78. <div class="box-header with-border bg-green">
  79. <h3 class="box-title">Surat Tugas</h3>
  80.  
  81. <div class="box-tools pull-right">
  82. <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
  83. <i class="fa fa-minus"></i></button>
  84. </div>
  85. </div>
  86. <div class="box-body">
  87. <form class="form-horizontal" action="" enctype="multipart/form-data" method="post">
  88. <div class="box-body">
  89.  
  90. <div class="form-group">
  91. <label class="col-sm-7 control-label">MASUKKAN NOMOR SURAT DIBAWAH INI :</label>
  92. </div>
  93.  
  94. <div class="form-group">
  95. <label class="col-sm-3 control-label">Nomor Surat Tugas</label>
  96.  
  97. <div class="col-sm-3">
  98. <input type="text" name="nip" class="form-control" placeholder="NIP Pegawai" required>
  99. </div>
  100. </div>
  101.  
  102. <hr>
  103.  
  104. <div class="form-group">
  105. <label class="col-sm-3 control-label">Dasar Pelaksanaan</label>
  106.  
  107. <div class="col-sm-7">
  108. <textarea type="text" name="dasar" class="form-control" placeholder="Dasar Pelaksanaan" required></textarea>
  109. </div>
  110. </div>
  111.  
  112. <div class="form-group">
  113. <label class="col-sm-3 control-label">Nama Pegawai</label>
  114.  
  115. <div class="col-sm-3">
  116. <input type="text" id="nik" name="nama_peg" class="form-control" placeholder="Ketik Nama Pegawai" required>
  117. </div>
  118. </div>
  119.  
  120. <div class="form-group">
  121. <label class="col-sm-3 control-label">NIP</label>
  122.  
  123. <div class="col-sm-3">
  124. <input type="text" id="nip" name="nip" class="form-control" placeholder="NIP Pegawai" required>
  125. </div>
  126. </div>
  127.  
  128. <div class="form-group">
  129. <label class="col-sm-3 control-label">Pangkat / Golongan</label>
  130.  
  131. <div class="col-sm-3">
  132. <input type="text" id="pangkat_gol" name="pangkat_gol" class="form-control" placeholder="Pangkat / Golongan Pegawai" required>
  133. </div>
  134. </div>
  135.  
  136. <div class="form-group">
  137. <label class="col-sm-3 control-label">Jabatan</label>
  138.  
  139. <div class="col-sm-3">
  140. <input type="text" id="jabatan" name="jabatan" class="form-control" placeholder="Jabatan Pegawai" required>
  141. </div>
  142. </div>
  143.  
  144. <div class="form-group">
  145. <label class="col-sm-3 control-label">Keperluan</label>
  146.  
  147. <div class="col-sm-7">
  148. <textarea type="text" name="keperluan" class="form-control" placeholder="Keperluan" required></textarea>
  149. </div>
  150. </div>
  151.  
  152. <div class="form-group">
  153. <label class="col-sm-3 control-label">Tempat Acara</label>
  154.  
  155. <div class="col-sm-7">
  156. <textarea type="text" name="tempat" class="form-control" placeholder="Tempat Acara" required></textarea>
  157. </div>
  158. </div>
  159.  
  160. <div class="form-group">
  161. <label class="col-sm-3 control-label">Lama Dinas</label>
  162.  
  163. <div class="col-sm-3">
  164. <input type="text" name="lama" class="form-control" placeholder="Lama dinas" required>
  165. </div>
  166. </div>
  167.  
  168. </div>
  169. <!-- /.box-body -->
  170. <div class="box-footer">
  171. <a href="auto1.php" class="btn btn-danger"><span><i class="fa fa-refresh"></i></span> Cancel</a>
  172. <!-- <button type="submit" class="btn btn-danger"><span class="pull-left-container text-black"><i class="fa fa-refresh"></i></span> Cancel</button> -->
  173. <button type="submit" name="add" class="btn btn-info pull-right"><span><i class="fa fa-save"></i></span> Save</button>
  174. </div>
  175. <!-- /.box-footer -->
  176. </form>
  177. </div>
  178. </div>
  179. <!-- AKHIR BOX -->
  180.  
  181. </section>
  182. <!-- /.content -->
  183. </div>
  184. <!-- /.content-wrapper -->
  185.  
  186. <?php include "../../page/inc/footer.php";?>
  187.  
  188. </div>
  189. <!-- ./wrapper -->
  190.  
  191. <!-- jQuery 2.2.3 -->
  192. <script src="../../assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
  193. <script src="../../assets/plugins/jQuery/jquery-ui.min.js"></script>
  194.  
  195. <!-- Bootstrap 3.3.6 -->
  196. <script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
  197. <!-- InputMask -->
  198. <script src="../../assets/plugins/input-mask/jquery.inputmask.js"></script>
  199. <script src="../../assets/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
  200. <script src="../../assets/plugins/input-mask/jquery.inputmask.extensions.js"></script>
  201. <!-- SlimScroll -->
  202. <script src="../../assets/plugins/slimScroll/jquery.slimscroll.min.js"></script>
  203. <!-- FastClick -->
  204. <script src="../../assets/plugins/fastclick/fastclick.js"></script>
  205. <!-- AdminLTE App -->
  206. <script src="../../assets/dist/js/app.min.js"></script>
  207. <!-- AdminLTE for demo purposes -->
  208. <script src="../../assets/dist/js/demo.js"></script>
  209. <!-- bootstrap datepicker -->
  210. <script src="../../assets/plugins/datepicker/bootstrap-datepicker.js"></script>
  211. <script>
  212. $(function () {
  213. //Date picker
  214. $('#datepicker1').datepicker({
  215. format: 'yyyy-mm-dd',
  216. autoclose: true
  217. });
  218.  
  219. $('#datepicker2').datepicker({
  220. format: 'yyyy-mm-dd',
  221. autoclose: true
  222. });
  223.  
  224. $("#example1").DataTable();
  225. $('#example2').DataTable({
  226. "paging": true,
  227. "lengthChange": false,
  228. "searching": false,
  229. "ordering": true,
  230. "info": true,
  231. "autoWidth": false
  232. });
  233.  
  234. //Money Euro
  235. $("[data-mask]").inputmask();
  236.  
  237. });
  238. </script>
  239. <script type="text/javascript">
  240. //Auto Complete Form
  241. $(function(){
  242. $("#nik").autocomplete({
  243. source:"../../page/surat-tugas/auto1.php",
  244. minLength:2,
  245. select:function(event,data){
  246. $('input[name=nama_peg]').val(data.item.nama_peg);
  247. $('input[name=nip]').val(data.item.nip);
  248. $('input[name=pangkat_gol]').val(data.item.pangkat_gol);
  249. $('input[name=jabatan]').val(data.item.jabatan);
  250. }
  251. });
  252.  
  253. });
  254. </script>
  255.  
  256. </body>
  257. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!