Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
[help] Menu Boostrap tidak muncul
<?php
include 'config/koneksi.php';
include 'config/data.php';
include 'session.php';
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAKP |
<?php echo $nama?>
</title>
<!-- start: CSS -->
<link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">
<link id="base-style-responsive" href="assets/css/style-responsive.css" rel="stylesheet">
<link href="assets/css/googleapis.css" rel="stylesheet" type="text/css">
<!-- end: CSS -->
<link href="assets/css/css-ku.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<link href="assets/jquery/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="assets/jquery/external/jquery/jquery.js"></script>
<script src="assets/jquery/jquery-ui.js"></script>
<script src="assets/jquery/jquery-ui.min.js"></script>
<link rel="stylesheet" href="assets/jquery/jquery-ui.theme.css">
<script>
$(document).ready(function(){
$("#tanggal").datepicker({
})
})
</script>
<script>
$(document).ready(function(){
$("#tglawal").datepicker({
})
})
</script>
<script>
$(document).ready(function(){
$("#tglakhir").datepicker({
})
})
</script>
<script type="text/javascript">
window.setTimeout("waktu()",1000);
function waktu() {
var tanggal = new Date();
setTimeout("waktu()",1000);
document.getElementById("jam").innerHTML = tanggal.getHours();
document.getElementById("menit").innerHTML = tanggal.getMinutes();
document.getElementById("detik").innerHTML = tanggal.getSeconds();
}
</script>
<link href="img/favicon.png" rel="shortcut icon" />
</head>
<body onload="waktu()">
<div id="wrap">
<header>
<div class="container">
<div class="row">
<div class="col-sm" align="center"> <!--GRID UNTUK LAYAR SMALL (>=768PX)-->
<span style="color:blue; font-size:300%">Sistem Akademik dan Keuangan Pondok</span><br>
<span style="color:blue; font-size:200%"><?php echo $nama?></span><br>
<span style="color:white; font-size:80%"><?php echo $alamat?></span>
</div>
</div>
</div>
</header>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">SAKP</a>
</div>
<div class="container">
<?php
if ($lev=='admin')
include 'menu/menuadmin.php';
else if ($lev=='santri')
include 'menu/menusantri.php';
else if ($lev=='sekretaris')
include 'menu/menusekre.php';
else if ($lev=='bendahara')
include 'menu/menubend.php';
else if ($lev=='lurah')
include 'menu/menulurah.php';
else if ($lev=='ustadz')
include 'menu/menuustadz.php';
else if ($lev=='pengasuh')
include 'menu/menupengasuh.php';
else if ($lev=='alumni')
include 'menu/menualumni.php';
?>
<!-- /.navbar-collapse -->
</div>
</div>
</nav>
<div class="container">
<marquee> Selamat datang di Sistem Akademik dan Keuangan Pondok, <span style="color:red"><?php echo ucwords($login_session)?></span></marquee>
</div>
<div id="content">
<div class="container">
<div class="row">
<div class="col-sm-2" align=left><!--GRID 1 DI LAYAR SMALL-->
<?php
date_default_timezone_set("Asia/Jakarta");
echo "<b>".date('D, d M Y')."</b>";
?>
<br>
<b id="jam"></b> : <b id="menit"></b> : <b id="detik"></b>
</div>
<div class="col-sm-8" style="padding-bottom:50px;"><!--GRID 8 DI LAYAR SMALL-->
<?php
$pages_dir = 'page';
if(!empty($_GET['p'])){
$pages = scandir($pages_dir, 0);
unset($pages[0], $pages[1]);
$p = $_GET['p'];
if(in_array($p.'.php', $pages)){
include($pages_dir.'/'.$p.'.php');
} else {
include 'error/404page.php';
}
} else {
include($pages_dir.'/home.php');
}
?>
</div>
<div class="col-sm-2" ><!--GRID 2 DI LAYAR SMALL-->
<?php
if (@$_GET['p']=='data'){
echo '
<a href="index.php?p=data&aksi=tambah"><button class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> Tambah</button></a>
';
}else if (@$_GET['j']=='absensi'){
$s3="SELECT * FROM tabsen WHERE kegiatan='LIBUR' AND LEFT(tgl,7)='$bln'";
$q3=mysql_query($s3,$conn);
$n3=mysql_num_rows($q3);
echo '
<a href="index.php?p=laporan&j=absensi&tgl='.date('Y-m').'"><button class="btn btn-success"><span class="glyphicon glyphicon-search"></span> CEK</button></a>
<br>
<br>
<br>
<table class="table">
<tr class=""><td><b style="color:blue; ">Libur : </b></td><td><b style="color:red; "> '.$n3.' hari</br></td></tr>
</table>
';
}else if (@$_GET['p']=='transaksi'){
$s1="SELECT sum(masuk) - sum(keluar) AS salso FROM tkas";
$q1=mysql_query($s1,$conn);
$r1=mysql_fetch_array($q1);
echo '
<table class="">
<tr class="info"><td><b style="color:blue; ">Saldo Kas :</b></td></tr>
<tr class="warning"><td><b style="color:red; font-size:99%"><br>Rp '.number_format($r1[0],2,",",".").'</br></td></tr>
</table>';
}
?>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-fixed-bottom">
<footer>
<div class="container" align="center">
<div class="row">
Copyright © 2017 - <?php echo date('Y') ?> | Created by | D4 Komputerisasi Akuntansi - POLINES
</div>
</div>
</footer>
</div>
</body>
</html>
itu script saya, mohon bantuannya para master koding...
0
2 Jawaban:
pindahin jquery.min.js diatas boostrap
0
Pindahin posisi jquery.min.js dengan bootstrap.min.js, posisi pemanggilan jquery harus selalu diawal/pertama
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAKP |
<?php echo $nama?>
</title>
<!-- start: CSS -->
<link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">
<link id="base-style-responsive" href="assets/css/style-responsive.css" rel="stylesheet">
<link href="assets/css/googleapis.css" rel="stylesheet" type="text/css">
<!-- end: CSS -->
<link href="assets/css/css-ku.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<link href="assets/jquery/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="assets/jquery/external/jquery/jquery.js"></script>
<script src="assets/jquery/jquery-ui.js"></script>
<script src="assets/jquery/jquery-ui.min.js"></script>
<link rel="stylesheet" href="assets/jquery/jquery-ui.theme.css">
0