LISTING PROGRAM
index.php
<?php
if(!session_start()){
session_start();
}
//cek apakah user sudah login atau belum
if(isset($_SESSION['user']) && (($_SESSION['hak']=="siswa") || ($_SESSION['hak']=="ortu") ||
($_SESSION['hak']=="guru"))){
?>
<script>document.location.href="akademik/"</script>
<?php
}
?>
<!DOCTYPE html>
<head>
<!-- Basic Page Needs
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> LABORATORIUM D3 TEKNIK INFORMATIKA </title>
<meta name="keywords" content="free boostrap, bootstrap template, freebies, free theme, free website, free portfolio theme, portfolio, personal, cv">
<!-- Favicons
================================================== -->
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="style/bootstrap.css">
<link rel="stylesheet" type="text/css" href="font-awesome-4.2.0/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="style/jasny-bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style/animate.css">
<!-- slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="style/style.css">
<link
href='http://fonts.googleapis.com/style?family=Montserrat:40 0,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="usu.png">
</head>
<body>
<!-- Off Canvas Navigation
================================================== -->
<div class="navmenu navmenu-default navmenu-fixed-left offcanvas"> <!--- Off Canvas Side Menu -->
<div class="close" toggle="offcanvas" data-target=".navmenu">
<span class="fa fa-close"></span>
</div>
<div class="add-margin"></div>
<ul class="nav navmenu-nav"> <!--- Menu -->
<li><a href="#home" class="page-scroll">Home</a></li>
<li><a href="#meet-us" class="page-scroll">INFO</a></li>
</ul><!--- End Menu -->
</div> <!--- End Off Canvas Side Menu -->
<!-- Home Section -->
<div id="home">
<div class="container text-center">
<!-- Navigation -->
<nav id="menu" toggle="offcanvas" data-target=".navmenu">
<span class="fa fa-bars"></span>
</nav>
<div class="content">
<h4>Teknik Informatika D3 FMIPA USU</h4>
<hr>
<div class="header-text btn">
<a href="infowindow.html">
<h1> L A B </h1>
</div>
</div>
<a href="#meet-us" class="down-btn page-scroll">
<span class="fa fa-angle-down"></span>
</a>
</div>
</div>
<div id="meet-us">
<div class="container text-center">
<h2>INFO</h2>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="service">
<span class="fa book fa-3x"></span>
<h4>Lab Pemograman</h4></a>
<p class="huruf">Laboratorium Pemograman adalah ruangan untuk praktikan melalukan praktikum yang berhubungan dengan program atau biasa dibilang ngecoding misalnya : Pratikum Bahasa C & C++, Praktikum Web I & Web II, Pratikum Database Server,
Praktikum kecerdasan buatan dll. Lab ini berada di lantai 3 Unit 2 FMIPA USU tepatnya disamping AULA </p>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="service">
<span class="fa book fa-3x"></span>
<h4>Lab Aplikasi</h4>
<p class="huruf">Laboratorium
Aplikasi adalah ruangan untuk praktikan melalukan praktikum yang berhubungan dengan menggunakan aplikasi dan membuat suatu aplikasi, video dan lain sebagainya misalnya :
Pratikum Visual Basic, Praktikum Multimedia I & II, Pratikum Matlab, dll. Lab ini berada di lantai 3 Unit 2 FMIPA USU tepatnya disamping Lab pemograman.</p>
</div>
</div>
<a href="#services" class="down-btn page-scroll">
<span class="fa fa-angle-down"></span>
</a>
</div>
</div>
<!-- Services Section -->
<div id="services">
<div class="container">
<div class="ro text-center">
<div class="col-md-8 col-md-offset-2">
<div class="section-title">
<h2>L O G I N</h2>
<hr>
<form method="post" action="akademik/login/login.php">
<table width="329" height="198" border="0" align="center">
<tr>
<th width="85" height="45"> <div align="left">Username</div></th>
<td width="15">:</td>
<td width="161">
</tr>
<tr>
<th height="47" ><div align="left">Password</div></th>
<td>:</td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<th height="45" colspan="2" scope="row">
<td><input type="submit" name="Submit" value="Login" />
<input name="reset" type="reset" value="Reset" /></td></th>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="clients">
<div class="overlay">
<div class="container text-center">
<div class="section-title">
<h2>LAB </h2>
<hr>
</div>
</div>
</div>
</div>
<nav id="footer">
<div class="container">
<div class="pull-left">
<p>© 2016 Teknik Informatika D3 Universitas Sumatera Utara</a></p>
</div>
<div class="pull-right">
<a href="#home" class="page-scroll">Back to Top <span class="fa fa-angle-up"></span></a>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jqu ery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jasny-bootstrap.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/typed.js"></script>
<script>
$(function(){
$("#head-title").typed({
strings: ["We make websites^1000", "24/7
available for hire^1000" ,"Web design with diffence^1000"],
typeSpeed: 100,
loop: true,
startDelay: 100
});
});
<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
Akademik/login/index.php
<?php
if(!session_start()){
session_start();
}
//cek apakah user sudah login atau belum
if(isset($_SESSION['user']) && (($_SESSION['hak']=="siswa") || ($_SESSION['hak']=="ortu") ||
($_SESSION['hak']=="guru"))){
?>
<script>document.location.href="../"</script>
<?php
}
?>
<html>
<title>Portal Akademik SMAN 16 Medan</title>
<link rel="shortcut icon" type="image/x-icon" href="../tut-wuri-handayani-warna.jpg">
<style type="text/css">
.judul {
background-color: #C71D1D;
}
.judul strong{
color: #fff;
}
a{
text-decoration: none;
color: #C71D1D;
}
a:hover{
color: #000;
font-weight: bold;
}
-->
</style>
<body background="../../icon/GEDUNG.jpg" style="background-position: center center; background-repeat: no-repeat;">
<style type="text/css">
<!--
.style2 {color: #166D12}
-->
</style>
<div align="center">
<h1 class="judul"><strong>LOGIN PORTAL AKADEMIK SMAN 16 MEDAN</strong></h1>
<br /><br />
<form method="post" action="login.php">
<table width="329" height="198" border="0" align="center">
<tr>
<th width="24" rowspan="3" scope="row"> </th>
<th height="35%" colspan="3" scope="row"> </th>
<td width="22" rowspan="3"> </td>
</tr>
<tr>
<th width="85" height="45" scope="row"> <div align="left">Username</div></th>
<td width="15">:</td>
<td width="161">
<input type="text" name="username" /> </td>
</tr>
<tr>
<th height="47" scope="row"><div align="left">Password</div></th>
<td>:</td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<th height="45" colspan="5" scope="row">
<input type="submit" name="Submit" value="Login" />
<input name="reset" type="reset" value="Reset" /></th>
<tr>
<th height="27" colspan="5" scope="row"> </th>
</tr>
</table>
</form><br><br><br><br><br><br><br><br><br><br>
<a href="../../index.php">Back to Home</a>
</div>
</body>
</html>
Akademik/login/login.php
<?php
require_once '../../include/sambung.php';
// username and password sent from form
$myusername=$_POST['username'];
$mypassword=md5($_POST['password']);
$siswa = mysql_num_rows(mysql_query("SELECT * FROM siswa WHERE idSiswa='$myusername' and password='$mypassword'"));
$ortu = mysql_num_rows(mysql_query("SELECT * FROM wali_murid WHERE idwali_murid='$myusername' and
password='$mypassword'"));
if($siswa==1){
session_start();
$_SESSION['user']=$myusername;
$_SESSION['hak']="siswa";
$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);
header("location:../../index.php");
}
else if($ortu==1){
session_start();
$_SESSION['user']=$myusername;
$_SESSION['hak']="ortu";
$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);
header("location:../../index.php");
}else if($guru==1){
session_start();
$_SESSION['user']=$myusername;
$_SESSION['hak']="guru";
$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);
header("location:../../index.php");
}else{
echo "<script>alert('Login gagal!');
document.location.href=\"../../index.php\"</script>";
}
Akademik/index.php
<?php
include "../include/conf_user.php";
?>
<!DOCTYPE html PUBLI>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="free boostrap, bootstrap template, freebies, free theme, free website, free portfolio theme, portfolio, personal, cv">
<title>Laboratorium D3 Teknik Informatika</title>
<link rel="shortcut icon" type="image/x-icon" href="../usu.png">
<link rel="stylesheet" type="text/css" href="responsive.css">
<link href="style1.css" rel="stylesheet"/>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="logo"><br />
<h2>Laboratorium Program</h2>
<h1><a href="#">D3 Teknik Informatika</a></h1>
</div>
<hr />
<div id="header">
<div id="menu">
<ul>
<li><a href="?page=home">Home</a></li>
<li><a href="?page=ganti_password">Password</a></li>
<li><a href="login/logout.php" onclick="return
confirm('Anda yakin logout dari sistem?')">Logout</a></li>
</ul>
</div>
<div id="search">
<font color="#FFFFFF" size="4">
</font></div>
</div>
<!-- end #header -->
<div style="height: 46px;"></div>
<!-- end #header-wrapper -->
<div id="page">
<div id="content">
<?php include "isi.php";?>
</div>
<!-- end #content -->
<div id="sidebar">
<?php
if($_SESSION['hak']!="guru"){
include "menu.php";
}else{
}
?>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright © 2017, D3 TEKNIK INFORMATIKA .<BR /></p>
</div>
<!-- end #footer -->
</body>
</html>
Akademik/menu.php
<link rel="stylesheet" href="style2.css" type="text/css"/>
<script type="text/javascript" scr="script.js"></script>
<ul class="acc" id="acc">
<li>
<h3 align="center">Nilai</h3>
<div class="acc-section">
<div class="acc-content">
<a href="?page=lihat_nilai"><center><img src="images/lihat.png" width="50" height="50" border="0"><br />
Lihat Nilai
</div>
</div>
</li><li>
<h3 align="center">Jadwal</h3>
<div class="acc-section">
<div class="acc-content">
<a href="?page=lihat_jadwal"><center><img src="images/jadwal.png" width="50" height="50"
border="0"><br />Jadwal Pelajaran</center></a><br/>
<a href="?page=lihat_kelas"><center><img src="images/teman.png" width="50" height="50" border="0"><br />Teman Sekelas</center></a>
</div>
</div>
</li>
<li>
<h3 align="center">Biodata</h3>
<div class="acc-section">
<div class="acc-content" align="center">
<a href="?page=profil_siswa"><center><img
src="images/siswa.png" width="50" height="50" border="0"><br />Biodata Siswa</center></a><br />
</div>
</div>
</li>
</ul>
Akademik/menu_guru.php
<ul class="acc" id="acc">
<li>
<h3 align="center">Jadwal</h3>
<div class="acc-section">
<div class="acc-content">
<a href="?page=lihat_jadwal"><center><img src="images/jadwal.png" width="50" height="50"
border="0"><br />Jadwal Pelajaran</center></a><br />
</center></a><br />
<a href="?page=lihat_nilai"><center><img src="images/grafik.png" width="50" height="50"
border="0"><br />Lihat Nama Pratikan
</center></a>
</div>
</div>
</li>
<li>
<h3 align="center">Biodata</h3>
<div class="acc-section">
<div class="acc-content" align="center">
<a href="?page=profil_guru"><center><img src="images/ortu.png" width="50" height="50" border="0"><br/>Biodata Aslab
</center></a></div>
</div>
</li>
</ul>
<script type="text/javascript" src="script2.js"></script>
<?php
include "../../include/conf_user.php";
if($_SESSION['hak']=="siswa"){
$nis = $_SESSION['user'];
}else{
$id = mysql_fetch_array(mysql_query("SELECT idSiswa FROM wali_murid_has_siswa WHERE idwali_murid =
'$_SESSION[user]'"));
$nis = $id['idSiswa'];
}
$pilih = mysql_fetch_array(mysql_query("SELECT * FROM siswa WHERE idSiswa='$nis'"));
$id = mysql_fetch_array(mysql_query("SELECT idRuang_Kelas FROM ruang_kelas WHERE nama = '$pilih[kelas]'"));
$query = mysql_query("SELECT * FROM guru_has_mata_pelajaran NATURAL JOIN mata_pelajaran_has_ruang_kelas WHERE
idRuang_Kelas = '$id[idRuang_Kelas]'");
$kls = mysql_fetch_array(mysql_query("SELECT nama FROM ruang_kelas WHERE idRuang_Kelas = '$id[idRuang_Kelas]'"));
//Copyright © 2011 Andi Sholihin
?>
<div align="center">
<h1><div align="center">Jadwal Pelajaran <?php if($kls['nama']!=""){echo "Kelas $kls[nama]";} ?></div></h1><br />
<hr><br />
<script type="text/javascript" src="js/tinybox.js"></script>
<link rel="stylesheet" href="js/style.css" />
<link rel="stylesheet" href="style2.css" />
<body>
<div class="page" id="tablewrapper">
<div id="tableheader">
<div class="search">
<select id="columns"
onChange="sorter.search('query')"></select>
<input type="text" id="query" onKeyUp="sorter.search('query')" />
</div>
<span class="details">
<div>Hasil <span
id="startrecord"></span>-<span id="endrecord"></span> dari <span id="totalrecords"></span></div>
<div><a
href="javascript:sorter.reset()">reset</a></div>
</span>
</div>
<table width="1000" border="0" cellpadding="0" cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="48"><h3>No</h3></th>
<th width="101"><h3>Hari</h3></th>
<th width="186"><h3>Jam Pelajaran</h3></th>
<th width="242"><h3>Aslab Pengajar</h3></th>
<th width="81" class=nosort><h3>Foto Aslab </h3></th>
</tr>
</thead>
<tbody>
<?php
$i=1;
while ($hasil = mysql_fetch_array($query)){
$plj =
mysql_fetch_array(mysql_query("SELECT nama FROM mata_pelajaran WHERE idmata_pelajaran =
'$hasil[idmata_pelajaran]'"));
$guru =
mysql_fetch_array(mysql_query("SELECT * FROM guru WHERE idGuru = '$hasil[idGuru]'"));
echo"<tr align=\"center\">
<td>$i</td>
<td>$hasil[hari]</td>
<td>$plj[nama]</td>
<td>$hasil[jampelajaran]</td>
<td>$guru[nama]</td>
<td>
<a
onClick=\"tampil.box.show({image:'../../administrasi/$guru[f oto]',boxid:'frameless',animate:true,openjs:function(){openJ S()}})\" style=\"cursor:pointer\"><img src=icon/rinci.png border=0></a>
</td>
$i++;
}
//Copyright © 2011 Andi Sholihin, Achmad Fauzi & Qutsiyah (RPL Final Project)
?>
</tbody>
</table>
<div id="tablefooter">
<div id="tablenav">
<div>
<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page"
onClick="sorter.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />
</div>
<div>
<select id="pagedropdown"></select>
</div>
<div>
<a href="javascript:sorter.showall()">view all</a>
</div>
</div>
<div>
<select
onChange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Data Per Halaman</span>
</div>
<div class="page">Halaman <span id="currentpage"></span> dari <span
id="totalpages"></span></div>
</div>
</div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter = new TINY.table.sorter('sorter','table',{
headclass:'head',
ascclass:'asc',
descclass:'desc',
evenclass:'evenrow',
oddclass:'oddrow',
evenselclass:'evenselected',
oddselclass:'oddselected',
size:10,
colddid:'columns',
currentid:'currentpage',
totalid:'totalpages',
startingrecid:'startrecord',
endingrecid:'endrecord',
totalrecid:'totalrecords',
hoverid:'selectedrow',
pageddid:'pagedropdown',
navid:'tablenav',
sortcolumn:0,
sortdir:1,
//sum:[8],
//avg:[6,7,8,9],
//columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],
init:true
});
</script>
</body>
Akademik/siswa/lihat_nilai.php
<?php
include "../../include/conf_user.php";
if($_SESSION['hak']=="siswa"){
}else{
$id = mysql_fetch_array(mysql_query("SELECT idSiswa FROM wali_murid_has_siswa WHERE idwali_murid =
'$_SESSION[user]'"));
$nis = $id['idSiswa'];
}
//Copyright © 2011 Andi Sholihin
$ambil = mysql_query("SELECT * FROM siswa_has_mata_pelajaran WHERE idSiswa = '$nis' ORDER BY thn_ajaran DESC");
?>
<div align="right">
<h1><div align="center">Rekapitulasi Nilai Siswa</div></h1><br />
<table border="0" align="center">
</table></div>
<hr>
<div align="center">
<table border="0">
<tr>
<td width="130">Nama Lengkap </td>
<td width="11">:</td>
<td width="207"><?php $sql =
mysql_fetch_array(mysql_query("SELECT * FROM siswa WHERE idSiswa = '$nis'"));
echo $sql['nama'];
?></td>
</tr>
<tr>
<td>Kelas</td>
<td><?php echo $sql['kelas'];?></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><?php echo $sql['alamat'];?></td>
</tr>
</table><hr />
</div>
<br />
<link rel="stylesheet" href="style2.css" />
<body>
<div class="page" id="tablewrapper">
<div id="tableheader">
<div class="search">
<select id="columns"
onChange="sorter.search('query')"></select>
<input type="text" id="query" onKeyUp="sorter.search('query')" />
</div>
<span class="details">
<div>Hasil <span
id="startrecord"></span>-<span id="endrecord"></span> dari <span id="totalrecords"></span></div>
<div><a
href="javascript:sorter.reset()">reset</a></div>
</span>
</div>
<thead>
<tr>
<th width="46"><h3>No</h3></th>
<th width="210"><h3>Mata Pelajaran</h3></th>
<th width="103"><h3>Semester</h3></th>
<th width="122"><h3>Tahun Ajaran</h3></th>
<th width="114"><h3>Nilai Tugas</h3></th>
<th width="138"><h3>Nilai Kuis</h3></th>
<th width="148"><h3>Nilai UAS</h3></th>
<th width="119"><h3>Nilai Rata-rata</h3></th>
</tr>
</thead>
<tbody>
<?php
$i=1;
while ($nilai= mysql_fetch_array($ambil)){
$plj =
mysql_fetch_array(mysql_query("SELECT nama FROM mata_pelajaran WHERE idmata_pelajaran = '$nilai[idmata_pelajaran]'"));
$i++;
echo"<tr align=\"center\">
<td>$i</td>
<td>$plj[nama]</td>
<td>$nilai[semester]</td>
<td>$nilai[thn_ajaran]</td>
<td>$nilai[Kuis]</td>
<td>$nilai[UAS]</td>
<td>$nilai[rata]</td>
</tr>";
}
?>
</tbody>
</table>
<div id="tablefooter">
<div id="tablenav">
<div>
<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />
</div>
<div>
<select id="pagedropdown"></select>
</div>
<div>
<a href="javascript:sorter.showall()">view all</a>
</div>
</div>
<div>
<select
onChange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10"
selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Data Per Halaman</span>
</div>
<div class="page">Halaman <span id="currentpage"></span> dari <span
id="totalpages"></span></div>
</div>
</div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter = new TINY.table.sorter('sorter','table',{
headclass:'head',
ascclass:'asc',
descclass:'desc',
evenclass:'evenrow',
oddclass:'oddrow',
evenselclass:'evenselected',
oddselclass:'oddselected',
size:10,
colddid:'columns',
currentid:'currentpage',
totalid:'totalpages',
startingrecid:'startrecord',
endingrecid:'endrecord',
totalrecid:'totalrecords',
hoverid:'selectedrow',
pageddid:'pagedropdown',
navid:'tablenav',
sortcolumn:0,
sortdir:1,
//sum:[8],
//avg:[6,7,8,9],
//columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],
init:true
});
</script>
</body>
Akademik/guru/lihat_jadwal.php
<?php
include "../../include/conf_user.php";
if($_SESSION['hak']=="guru"){
$idguru = $_SESSION['user'];
$jadwal = mysql_query("SELECT * FROM guru_has_mata_pelajaran NATURAL JOIN mata_pelajaran_has_ruang_kelas WHERE
idGuru='$idguru'");
//Copyright © 2012 Andi Sholihin
?>
<div align="center">
<h1><div align="center">Jadwal Mengajar</div></h1><br />
</div>
<hr><br />
<script type="text/javascript" src="js/tinybox.js"></script>
<link rel="stylesheet" href="js/style.css" />
<link rel="stylesheet" href="style2.css" />
<body>
<div class="page" id="tablewrapper">
<div id="tableheader">
<div class="search">
<select id="columns"
onChange="sorter.search('query')"></select>
<input type="text" id="query" onKeyUp="sorter.search('query')" />
</div>
<span class="details">
<div>Hasil <span
id="startrecord"></span>-<span id="endrecord"></span> dari <span id="totalrecords"></span></div>
<div><a
href="javascript:sorter.reset()">reset</a></div>
</div>
<table width="1000" border="0" cellpadding="0" cellspacing="0" class="tinytable" id="table">
<thead>
<tr>
<th width="62"><h3>No</h3></th>
<th width="117"><h3>Hari</h3></th>
<th width="151"><h3>Kelas</h3></th>
<th width="459"><h3>Mata Pelajaran</h3></th>
<th width="210"><h3>Jam Pelajaran</h3></th>
</tr>
</thead>
<tbody>
<?php
$i=1;
while($val=mysql_fetch_array($jadwal)){
$kls=mysql_fetch_array(mysql_query("select nama from ruang_kelas where idRuang_Kelas='$val[idRuang_Kelas]'"));
$pel=mysql_fetch_array(mysql_query("select nama from mata_pelajaran where
idmata_pelajaran='$val[idmata_pelajaran]'"));
echo "
<tr>
<td>$i</td>
<td>$val[hari]</td>
<td>$kls[nama]</td>
<td>$val[jampelajaran]</td>
</tr>
";
$i++;
}
?>
</tbody>
</table>
<div id="tablefooter">
<div id="tablenav">
<div>
<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page"
onClick="sorter.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />
</div>
<div>
<select id="pagedropdown"></select>
</div>
<div>
<a href="javascript:sorter.showall()">view all</a>
</div>
<div id="tablelocation">
<div>
<select
onChange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Data Per Halaman</span>
</div>
<div class="page">Halaman <span id="currentpage"></span> dari <span
id="totalpages"></span></div>
</div>
</div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter = new TINY.table.sorter('sorter','table',{
headclass:'head',
ascclass:'asc',
descclass:'desc',
evenclass:'evenrow',
oddclass:'oddrow',
evenselclass:'evenselected',
paginate:true,
size:10,
colddid:'columns',
currentid:'currentpage',
totalid:'totalpages',
startingrecid:'startrecord',
endingrecid:'endrecord',
totalrecid:'totalrecords',
hoverid:'selectedrow',
pageddid:'pagedropdown',
navid:'tablenav',
sortcolumn:0,
sortdir:1,
//sum:[8],
//avg:[6,7,8,9],
//columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],
init:true
});
</script>