index.php

<?php

// if(!isset($_SESSION['userakses'])) {
//     session_start();
//     }
// if ($_SESSION['userakses']=="") {
//   header('location:index.php?panggil=login');
// }

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
 ?>

<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Serah Terima</title>

        <!-- CSS -->
        <!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500"> -->
        <link rel="stylesheet" href="plugin/jquery-ui-1.12.1/jquery-ui.css">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/form-elements.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="plugin/dataTables/datatables.min.css">
        <link href="plugin/datepicker-1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="assets/ico/favicon.png">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">

    </head>

    <body>
        <div>
            <?php
                include 'pages.php';
             ?>
        </div>


        <!-- Javascript -->
        <script src="assets/js/jquery-3.3.1.js"></script>
        <script src="plugin/jquery-ui-1.12.1/jquery-ui.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.backstretch.min.js"></script>
        <script src="assets/js/retina-1.1.0.min.js"></script>
        <script src="assets/js/scripts.js"></script>
        <!-- <script src="assets/js/jquery.autocomplete.min.js"></script> -->
        <script src="plugin/typehead.js"></script>
        <script src="plugin/dataTables/datatables.min.js"></script>
        <!-- <script src="plugin/dataTables/dataTables.bootstrap.min.js"></script> -->
        <script src="plugin/datepicker-1.6.4/js/bootstrap-datepicker.js"></script>
        <script>
            $(document).ready(function() {
                var table = $('#dataTables-example').DataTable( {
                    fixedHeader: true
                } );

                var visible = true;
                var tableContainer = $(table.table().container());

                $('#toggle').on( 'click', function () {
                    tableContainer.css( 'display', visible ? 'none' : 'block' );
                    table.fixedHeader.adjust();

                    visible = ! visible;
                } );
            } );


          // $(document).ready(function () {
          // $('#dataTables-example').dataTable();
          // });
        </script>
        <!-- menampilkan nama -->
        <script type="text/javascript">
            // var f=jQuery.noConflict();

            $(document).ready(function(){

             $('#nik').change(function(){    // KETIKA ISI DARI FIEL 'NPM' BERUBAH MAKA ......
              var nikfromfield = $('#nik').val();  // AMBIL isi dari fiel NPM masukkan variabel 'npmfromfield'
              $.ajax({        // Memulai ajax
                method: "POST",
                url: "ajaxrespon.php",    // file PHP yang akan merespon ajax
                data: { nik: nikfromfield}   // data POST yang akan dikirim
              })
                .done(function( hasilajax ) {   // KETIKA PROSES Ajax Request Selesai
                    $('#nama').val(hasilajax);  // Isikan hasil dari ajak ke field 'nama'
                });
             })
            });
        </script>

        <!-- menampilkan list ip -->
        <script type="text/javascript">
            $(document).ready(function(){
                /* .ip merupakan class pada inputan IP */
                $(document).on('keydown', '.ip', function() {

                    var id = this.id;
                    var splitid = id.split('_');
                    var index = splitid[1];

                    $( '#'+id ).autocomplete({
                        source: function( request, response ) {
                            $.ajax({
                                url: "source.php",
                                type: 'post',
                                dataType: "json",
                                data: {
                                    search: request.term,request:1
                                },
                                success: function( data ) {
                                    response( data );
                                }
                            });
                        }
                        });
                    });
                });
        </script>

        <!-- tab -->
        <script>
          $( function() {
            $( "#tabs" ).tabs();
          } );
        </script>

        <script>
        $(function(){
            $(document).on('click','.edit-record',function(e){
                e.preventDefault();
                $("#myModal").modal('show');
                $.post('plugin/detail.php',
                    {id:$(this).attr('data-id')},
                    function(html){
                        $(".modal-body").html(html);
                    }
                );
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function(){
            $(".tip-top").tooltip({
                placement : 'top'
            });
            $(".tip-right").tooltip({
                placement : 'right'
            });
            $(".tip-bottom").tooltip({
                placement : 'bottom'
            });
            $(".tip-left").tooltip({
                placement : 'left'
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
          $('.tanggal').datepicker({
            format: "yyyy-mm-dd",
            autoclose:true
          });
        });
    </script>
    </body>
</html>