Halaman Edit Upload Gambar Tidak Muncul

Suhu minta tolong lg, saya pindah dari localhost ke server ubuntu. Saya menambahkan halaman upload (edit) gambar, tapi halamannya ga bisa muncul sedangkan di localhost jalan ajah, bahkan CSS dan JS nya ga berfungsi. Upload Gambar :

<?php
include '../konfigurasi/db-config.php';
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<link rel="Shortcut Icon" href="favicon.ico" />
<title>Upload Foto 1 Pemilik Bangunan</title>
</head>
<body>
<div class="content-wrapper">
    <section class="content-header">
      <h1>
        Upload Foto
        <small>Pemilik / Bangunan</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="?page=home"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li><a href="?page=data_pemilik_bangunan">Data Pemilik / Bangunan</a></li>
        <li class="active">Upload Foto Pemilik / Bangunan</li>
      </ol>
    </section>
    <div class="panel-heading">
        <a href="?page=data_pemilik_bangunan" class="btn btn-info btn-sm"><i class="glyphicon glyphicon-file"></i> Lihat Data</a>
    </div>
<?
$id=$_GET['id'];
        $sql = mysqli_query($koneksi, "SELECT * FROM pemilik_bangunan WHERE pemilik_bangunan.id=".$id) or die(mysqli_error());
        if($sql === FALSE) {
        die(mysqli_error());
        }
        while($r=mysqli_fetch_array($sql)){
        ?>

<div class="panel-body">
<form action="simpan_foto1.php" method="POST" enctype="multipart/form-data">
    <div class="form-group">
    <label>Upload Foto</label>
    <input type="file" name="foto1" required accept="image/jpeg, image/png" class="form-control"><br />
    <input type="hidden" name="id" value="<?php echo $r['id']; ?>">
    <button type="submit" class="btn btn-primary"><i class="fa fa-upload"></i> Upload</button>
</div>
</form>
</div>
</div>

<?php } ?>
</body>
</html>


Menggunakan localhost Menggunakan Server Ubuntu

Mohon bantuannya, kira2 ini kenapa yah?

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

20 Jawaban:

saya lihat script yang manggil css ko ga ketemu ya ? sama coba kamu f12 browser debug liat bagian network, nanti keliatan kalau kita panggil file tpi 404/not found urlnya jadi gmna, sesuai ngga urlnya.

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

manggilnya di index. saya udah coba jg masukin di situ jg ga ngaruh. Ga ada file 404. semuanya 200. cuma memang sepertinya ada file yang ga di load sebanyak di localhost. jQuery ada yang ga kepanggil. udah dimasukin tp tetap ga ngaruh. kira2 solusinya gmana yah?

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

ok. dari tanda -tanda diatas belum bisa bantu, butuh info lebih. coba cek di network tdi klo di linux pathnya beda. atau coba cek permission mungkin ngaruh

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

Hahaha saya mandek deh. permission udah 755 untuk folder dan 644 untuk file

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

coba capturin networknya.. kepanggil ngga bisa liat dri situ.

sama perlu liat script yg manggil filenya

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

Ini index

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Sistem Surveyor Dinas Pemadam Kebakaran Kota Cilegon | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

  <link rel="stylesheet" href="../assets/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../assets/css/skins/_all-skins.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="../assets/plugins/datatables/dataTables.bootstrap.css">
  <!-- Theme style -->

  <!-- iCheck -->
  <link rel="stylesheet" href="../assets/plugins/iCheck/flat/blue.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="../assets/plugins/morris/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="../assets/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="../assets/plugins/datepicker/datepicker3.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="../assets/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

  <!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<!-- Panggil Fungsi -->
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
  $('.table-paginate').dataTable();
 } );
</script>
<body class="hold-transition skin-blue sidebar-mini">
<header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>DPK</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>Dashboard </b><?php echo $_SESSION['level']; ?></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="../assets/img/avatar.png" class="user-image" alt="User Image">
              <span class="hidden-xs"><?php echo $_SESSION['NamaUser']; ?></span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="../assets/img/avatar.png" class="img-circle" alt="User Image">

                <p>
                  <?php echo $_SESSION['NamaUser'];?>
                  <small><?php echo $_SESSION['level']; ?></small>
                </p>
              </li>

              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="index.php?page=profil_pengguna" class="btn btn-default btn-flat">Profil</a>
                </div>
                <div class="pull-right">
                  <a href="../logout.php" class="btn btn-default btn-flat">Keluar</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->

        </ul>
      </div>
    </nav>
  </header>
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar user panel -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="../assets/img/avatar.png" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p><?php echo $_SESSION['NamaUser'];  ?></p>
          <a href="#"><i class="fa fa-circle text-success"></i> <?php echo $_SESSION['level']; ?></a>
        </div>
      </div>


      <ul class="sidebar-menu">
        <li class="header">MENU UTAMA</li>
        <li class="treeview">
          <a href="index.php?page=home">
            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
          </a>
        </li>
         <li class="treeview">
          <a href="index.php?page=data_pemilik_bangunan">
            <i class="fa fa-edit"></i> <span>Data Survey</span>
          </a>
        </li>
        <li class="treeview">
          <a href="../logout.php">
            <i class="fa fa-sign-out"></i><span>Keluar</span>
          </a>
        </li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

<div class="wrapper">
 <?php
  if(isset($_GET['page'])){
    $page = $_GET['page'];

    switch ($page) {
      case 'home':
        include "dashboard.php";
        break;
      case 'data_pemilik_bangunan':
        include "data_pemilik_bangunan.php";
        break;
      case 'detail_pemilik_bangunan':
        include "detail_pemilik_bangunan.php";
        break;
      case 'tambah_data_pemilik_bangunan':
        include "tambah_data_pemilik_bangunan.php";
        break;
      case 'edit_data_pemilik_bangunan':
        include "edit_data_pemilik_bangunan.php";
        break;
      case 'hapus_data_pemilik_bangunan':
        include "hapus_data_pemilik_bangunan.php";
        break;
      case 'proses_hapus_data_pemilik_bangunan':
        include "proses_hapus_data_pemilik_bangunan.php";
        break;
      case 'upload_foto_pemilik_bangunan_1':
        include "upload_foto_pemilik_bangunan_1.php";
        break;
      case 'upload_foto_pemilik_bangunan_2':
        include "upload_foto_pemilik_bangunan_2.php";
        break;
      case 'hapus_data_pemilik_bangunan':
        include "hapus_data_pemilik_bangunan.php";
        break;
      default:
        include "../assets/404.html";
        break;
    }
  }else{
    include "dashboard.php";
  }

   ?>
</div>
<footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Sistem Surveyor Dinas Pemadam Kebakaran Kota Cilegon</b>
    </div>
    <strong>Copyright © 2017 <a href="#">Hendra Hermawan</a>.</strong> All rights
    reserved.
  </footer>
<!-- jQuery 2.2.3 -->
<script src="../assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="../assets/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="../assets/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../assets/js/bootstrap.min.js"></script>
<!-- DataTables -->
<script src="../assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="../assets/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../assets/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../assets/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../assets/js/demo.js"></script>
<!-- page script -->
<script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false
    });
  });
</script>
</body>
</html>
<script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false
    });
  });
</script>
</body>
</html>
</html>

Ini yang server ubuntu Ini Localhost

Problem cuma di upload ajah. Yang lain sih lancar.

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

oh itu mah error jquerynya ngga kepanggil. coba cek file jquerynya

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

Nah iyah. Mangkanya saya jg bingung knp bisa sampe ga kepanggil yah. Tp di form lain ga masalah dan di localhost normal ajah. Plg saya modif lg. Krn alurnya tambah data tanpa upload foto, mungkin pake upload foto pada tambah data.

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

ooh pak, ketemu itu di index lin 46 lo di head ada $ document ready tpi file jquery dipanggilnya dibawah. usahakan file jquery dipanggilnya sebelum $ jquery itu. karna klo koneksi lemot file belum jquery belum ke load tpi udah ada $ jquery error tuh.

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

Dicoba bsk yah hu. Udah ngantuk berat. Begadang mulu. Thanks bgt udah dibantuin

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Begini bukan?

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Sistem Surveyor Dinas Pemadam Kebakaran Kota Cilegon | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

  <link rel="stylesheet" href="../assets/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../assets/css/skins/_all-skins.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="../assets/plugins/datatables/dataTables.bootstrap.css">
  <!-- Theme style -->

  <!-- iCheck -->
  <link rel="stylesheet" href="../assets/plugins/iCheck/flat/blue.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="../assets/plugins/morris/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="../assets/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="../assets/plugins/datepicker/datepicker3.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="../assets/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

  <!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<!-- jQuery 2.2.3 -->
<script src="../assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="../assets/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="../assets/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../assets/js/bootstrap.min.js"></script>
<!-- DataTables -->
<script src="../assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="../assets/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../assets/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../assets/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../assets/js/demo.js"></script>
<!-- page script -->
<!-- Panggil Fungsi -->
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
  $('.table-paginate').dataTable();
 } );
</script>
<body class="hold-transition skin-blue sidebar-mini">
<header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>DKPP</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>Dashboard </b><?php echo $_SESSION['level']; ?></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="../assets/img/avatar.png" class="user-image" alt="User Image">
              <span class="hidden-xs"><?php echo $_SESSION['NamaUser']; ?></span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="../assets/img/avatar.png" class="img-circle" alt="User Image">

                <p>
                  <?php echo $_SESSION['NamaUser'];?>
                  <small><?php echo $_SESSION['level']; ?></small>
                </p>
              </li>

              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="index.php?page=profil_pengguna" class="btn btn-default btn-flat">Profil</a>
                </div>
                <div class="pull-right">
                  <a href="../logout.php" class="btn btn-default btn-flat">Keluar</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->

        </ul>
      </div>
    </nav>
  </header>
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar user panel -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="../assets/img/avatar.png" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p><?php echo $_SESSION['NamaUser'];  ?></p>
          <a href="#"><i class="fa fa-circle text-success"></i> <?php echo $_SESSION['level']; ?></a>
        </div>
      </div>
      <!-- search form -->
<!--      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form> -->
      <!-- /.search form -->
      <!-- sidebar menu: : style can be found in sidebar.less -->
<!-- Sidebar -->

      <ul class="sidebar-menu">
        <li class="header">MENU UTAMA</li>
        <li class="treeview">
          <a href="index.php?page=home">
            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
          </a>
        </li>
         <li class="treeview">
          <a href="index.php?page=data_pemilik_bangunan">
            <i class="fa fa-edit"></i> <span>Data Survey</span>
          </a>
        </li>
        <li class="treeview">
          <a href="../logout.php">
            <i class="fa fa-sign-out"></i><span>Keluar</span>
          </a>
        </li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

<div class="wrapper">
 <?php
  if(isset($_GET['page'])){
    $page = $_GET['page'];

    switch ($page) {
      case 'home':
        include "dashboard.php";
        break;
      case 'data_pemilik_bangunan':
        include "data_pemilik_bangunan.php";
        break;
      case 'detail_pemilik_bangunan':
        include "detail_pemilik_bangunan.php";
        break;
      case 'tambah_data_pemilik_bangunan':
        include "tambah_data_pemilik_bangunan.php";
        break;
      case 'edit_data_pemilik_bangunan':
        include "edit_data_pemilik_bangunan.php";
        break;
      case 'hapus_data_pemilik_bangunan':
        include "hapus_data_pemilik_bangunan.php";
        break;
      case 'proses_hapus_data_pemilik_bangunan':
        include "proses_hapus_data_pemilik_bangunan.php";
        break;
      case 'upload_foto_pemilik_bangunan_1':
        include "upload_foto_pemilik_bangunan_1.php";
        break;
      case 'upload_foto_pemilik_bangunan_2':
        include "upload_foto_pemilik_bangunan_2.php";
        break;
      case 'hapus_data_pemilik_bangunan':
        include "hapus_data_pemilik_bangunan.php";
        break;
      default:
        include "../assets/404.html";
        break;
    }
  }else{
    include "dashboard.php";
  }

   ?>
</div>
<footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Sistem Surveyor Dinas Pemadam Kebakaran Kota Cilegon</b>
    </div>
    <strong>Copyright © 2017 <a href="#">Hendra Hermawan</a>.</strong> All rights
    reserved.
  </footer>
<script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false
    });
  });
</script>
</body>
</html>
<script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false
    });
  });
</script>
</body>
</html>
</html>

Saya coba pindahin ke atas jQuery-nya, masih ga ngaruh dan akhirnya saya coba pindahin semua kecuali untuk DataTable. tp hasinya ganti background doank. hehehe

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

brti mslhnya kan tigal includenya blum sesuai ya. coba ctrl + u untuk view source ada error php ngga

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Sistem Surveyor Dinas Pemadam Kebakaran Kota Cilegon | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

  <link rel="stylesheet" href="../assets/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../assets/css/skins/_all-skins.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="../assets/plugins/datatables/dataTables.bootstrap.css">
  <!-- Theme style -->

  <!-- iCheck -->
  <link rel="stylesheet" href="../assets/plugins/iCheck/flat/blue.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="../assets/plugins/morris/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="../assets/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="../assets/plugins/datepicker/datepicker3.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="../assets/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

  <!-- 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/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<!-- jQuery 2.2.3 -->
<script src="../assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>

<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="../assets/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="../assets/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../assets/js/bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="../assets/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../assets/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../assets/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../assets/js/demo.js"></script>

<!-- Panggil Fungsi -->
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
  $('.table-paginate').dataTable();
 } );
</script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<body class="hold-transition skin-blue sidebar-mini">
<header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>DKPP</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>Dashboard </b>Enumerator</span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="../assets/img/avatar.png" class="user-image" alt="User Image">
              <span class="hidden-xs">Nadia Khairunnisa</span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="../assets/img/avatar.png" class="img-circle" alt="User Image">

                <p>
                  Nadia Khairunnisa                  <small>Enumerator</small>
                </p>
              </li>

              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="index.php?page=profil_pengguna" class="btn btn-default btn-flat">Profil</a>
                </div>
                <div class="pull-right">
                  <a href="../logout.php" class="btn btn-default btn-flat">Keluar</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->

        </ul>
      </div>
    </nav>
  </header>
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar user panel -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="../assets/img/avatar.png" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>Nadia Khairunnisa</p>
          <a href="#"><i class="fa fa-circle text-success"></i> Enumerator</a>
        </div>
      </div>
      <!-- search form -->
<!--      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form> -->
      <!-- /.search form -->
      <!-- sidebar menu: : style can be found in sidebar.less -->
<!-- Sidebar -->

      <ul class="sidebar-menu">
        <li class="header">MENU UTAMA</li>
        <li class="treeview">
          <a href="index.php?page=home">
            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
          </a>
        </li>
         <li class="treeview">
          <a href="index.php?page=data_pemilik_bangunan">
            <i class="fa fa-edit"></i> <span>Data Survey</span>
          </a>
        </li>
        <li class="treeview">
          <a href="../logout.php">
            <i class="fa fa-sign-out"></i><span>Keluar</span>
          </a>
        </li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

<div class="wrapper">

Klo di lihat emang ga muncul yang Wrapper-nya.

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

cuma sampai wraper ya ? coba setingan display errornya. spertinya krna klo ada error tidak dimunculkan. mungkin itu sebenernya ada error. tpi krna setingan di hide akhirnya seolah tidak ada error.

coba liat di case nya.. mungkin masuk ke 404.html, 404.html isinya blank ?

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

Ga kosong. Ada isinya


  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        404 Error Page
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li class="active">404 error</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="error-page">
        <h2 class="headline text-yellow"> 404</h2>

        <div class="error-content">
          <h3><i class="fa fa-warning text-yellow"></i> Maaf halaman tidak tersedia</h3>

          <p>
            Silakan Anda salah satu menu atau kembali ke menu <a href="index.php?page=home"> DASHBOARD
          </p>

        </div>
        <!-- /.error-content -->
      </div>
      <!-- /.error-page -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
</body>
</html>

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

coba kalo di switch case nya dikasih echo masuknya ke case yg mana ?

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

maksudnya gimana tuh hu klo pake echo. maaf ane newbie bgt ini. bikin web ini jg dipaksa sm bos untuk program kuesioner hrs nampilin marker google maps sm foto. dulu pernah belajar web cm 5 tahun yg lalu. wkwkwk

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

ehm.. kepikir mungkin karena short open tag. setingan di linux off atau on ?

kalau ga tau, cara amannya jangan pake

avatar sifai
@sifai

80 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

semuanya udah pake

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Udah selesai suhu, saya ubah pake modal, wlwpun modalnya ga jalan, yg penting dpt halaman uploadnya dulu. hehehe.

pelajaran yg bgt buat temen2 yg pindahin data dari localhost ke server linux adalah, jgn lupa permision folder tempat nyimpen datanya jd 777. hahaha. thanks bgt hu. jgn kapok yah. Saya pasti akan nanya2 terus

avatar hendrahe2885
@hendrahe2885

36 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban