Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
[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