DIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : Dekanat@FMIPA.USU.AC.ID
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Ali Syariati
Nomor Stambuk : 1124061115
Judul Tugas Akhir : Perancangan Sistem Informasi Tips dan Saran
Keluarga Sehat Berbasis Web
Dosen Pembimbing : Drs. Rosman Siregar M,Si
Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan:
No Tanggal Asisten Bimbingan
Pembahasan pada Asistensi Mengenai, pada
Bab
Paraf Dosen
Pembimbing Keterangan
1 2 3 4 5 6 7 8
Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan
mahasiswa telah selesai
Diketahui, Disetujui Pembimbing Utama/
Program Studi D3 Teknik Informatika Penanggung Jawab
Ketua,
Dr. Elly Rosmaini, M.Si Drs. Rosman Siregar M,Si
LISTING PROGRAM
LAMPIRAN
Index.php
<!DOCTYPE html>
<html lang="en" class="no-js"> <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>Keluarga Sehat</title>
<meta name="description" content="Inspiration for Article Intro Effects" />
<meta name="keywords" content="title, header, effect, scroll, inspiration, medium, web design" />
<meta name="author" content="Codrops" /> <link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/normalize.css" /> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/component.css" /> <!--[if IE]>
<script
src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
</head>
<body class="demo-2">
<div id="container" class="container intro-effect-fadeout"> <!-- Top Navigation -->
<div class="codrops-top clearfix">
<span class="right"><a class="codrops-icon codrops-icon-drop" href="home.php?m=home"><span>Masuk ke Halaman Utama</span></a></span>
</div>
<header class="header">
<div class="bg-img"><img src="image/_t.jpg" alt="Background Image" /></div>
<div class="title"> </br></br></br></br>
<h1>Keluarga Sehat Alami</h1>
<p class="subline">Inspiration for Article Intro Effects</p>
<p>by <strong>Mark Satorini</strong> — Posted in <strong>Animals</strong> on <strong>May 21,
</div> </header>
<button class="trigger" data-info="About Us"><span></span></button>
<article class="content"> <div>
<p>Cara menyikapi sakit kini telah sangat berubah. Masyarakat kini mengharapkan semua perawatan, bahkan atas kelainan yang paling berat pun, harus berhasil. Pada umumnya masyarakat telah lebih memahami makna kesehatan. Ketika diri atau anak mereka sakit, mereka lebih ingin mengetahui penyebab gejala yang mereka alami dan seberapa cepat mereka akan sembuh.</p>
<p>Sementara itu, kini kita juga semakin mandiri. Kebanyakan kita sadar berbagai penyakit ringan biasa, seprti pilek atau diare, tidak memerlukan bantuan ahli kesehatan atau pengobatan yang rumit. Gangguan semacam itu akan sembuh dengan sendirinya, bahkan walau tanpa mendapatkan pengobatan pun.</p>
<p>Masalah bagi mereka yang tidak terlatih secara medis adalah bahwa keluhan semacam sakit kepala ataupun batuk bisa merupakan petunjuk awal adanya sakit yang serius. Kejadian yang paling
membuat para orang tua waswas atau merasa tak berdaya adalah sakit mendadak menimpa anak-anak , terutama menimpa anak yang masih belum bisa
menjelaskan keluhannya. Sejauh mana seseorang cukup aman untuk mengatasi sendiri sebuah masalah? Kapan kita harus segera menelpon dokter atau meminta bantuan layanan kesehatan? kapan kita harus segera membawa si sakit ke unit gawat darurat sebuah rumah skit?</p>
<p>Terkadang kita menganggap sepele terhadap penyakit ringan yang mungkin adalah penyakit yang sangat serius. Untuk itulah web ini akan memberikan informasi tentang beberapa tips sehat yang dapa membuat anda menjadi lebih sehat dan terhindar dari penyakit dan berbagai informasi tentang penyakit agar anda lebih mngetahui gejala dan cara menghadapi penyakit tersebut, Serta obat herbal yang aman di konsumsi untuk tubuh dan mempunyai efek yang bagus.</p>
<p><strong>Semoga Bermanfaat</strong></p>
</div> </article>
<section class="related">
<span class="right"><a class="codrops-icon codrops-icon-drop" href="home.php?m=home"><span>Masuk ke Halaman Utama</span></a></span>
<p>Sehat bukan berarti tidak akan terkena penyakit</p>
<div>Lebih Baik Mencegah Dari pada Mengobati</h4></div>
</section> </div><!-- /container -->
<script src="js/classie.js"></script> <script>
(function() {
// detect if IE : from
http://stackoverflow.com/a/16657946
var ie = (function(){
var undef,rv = -1; // Return value assumes failure.
var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); var trident = ua.indexOf('Trident/');
if (msie > 0) {
// IE 10 or older => return version number
rv = parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
} else if (trident > 0) {
// IE 11 (or newer) => return version number
var rvNum = ua.indexOf('rv:'); rv = parseInt(ua.substring(rvNum + 3, ua.indexOf('.', rvNum)), 10);
}
return ((rv > -1) ? rv : undef); }());
// disable/enable scroll (mousewheel and keys) from
http://stackoverflow.com/a/4770179
// left: 37, up: 38, right: 39, down: 40,
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
var keys = [32, 37, 38, 39, 40], wheelIter = 0;
function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; }
function keydown(e) {
if (e.keyCode === keys[i]) { preventDefault(e); return;
} }
}
function touchmove(e) { preventDefault(e); }
function wheel(e) { // for IE //if( ie ) {
//preventDefault(e); //}
}
function disable_scroll() {
window.onmousewheel = document.onmousewheel = wheel;
document.onkeydown = keydown;
document.body.ontouchmove = touchmove; }
function enable_scroll() {
window.onmousewheel =
document.onmousewheel = document.onkeydown = document.body.ontouchmove = null;
}
var docElem = window.document.documentElement,
scrollVal, isRevealed, noscroll, isAnimating,
container = document.getElementById( 'container' ),
trigger = container.querySelector( 'button.trigger' );
function scrollY() {
return window.pageYOffset || docElem.scrollTop;
}
scrollVal = scrollY();
if( noscroll && !ie ) {
if( scrollVal < 0 ) return false; // keep it that way
window.scrollTo( 0, 0 ); }
if( classie.has( container, 'notrans' ) ) { classie.remove( container, 'notrans' ); return false;
}
if( isAnimating ) { return false; }
if( scrollVal <= 0 && isRevealed ) { toggle(0);
}
else if( scrollVal > 0 && !isRevealed ){ toggle(1);
} }
function toggle( reveal ) { isAnimating = true;
if( reveal ) {
classie.add( container, 'modify' ); }
else {
noscroll = true; disable_scroll();
classie.remove( container, 'modify' ); }
// simulating the end of the transition: setTimeout( function() {
isRevealed = !isRevealed; isAnimating = false; if( reveal ) {
noscroll = false; enable_scroll(); }
// refreshing the page... var pageScroll = scrollY(); noscroll = pageScroll === 0;
disable_scroll();
if( pageScroll ) {
isRevealed = true;
classie.add( container, 'notrans' ); classie.add( container, 'modify' ); }
window.addEventListener( 'scroll', scrollPage ); trigger.addEventListener( 'click', function() { toggle( 'reveal' ); } );
})(); </script> </body>
</html>
Home.php
<html>
<header>
<link href="main.css" rel="stylesheet" type="text/css" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Sliding Image Panels with CSS3" /> <meta name="keywords" content="sliding, background-image, css3, panel, images, slider" />
<meta name="author" content="Codrops" />
<link rel="stylesheet" type="text/css" href="demo.css" />
</header>
<body>
<div id="header"> </div>
<div id="menu"> <nav class="codrops-demos">
<a href="home.php?m=home">Home</a>
<a href="home.php?m=tips">Tips Sehat</a>
href="home.php?m=penyakit">Jenis Penyakit</a>
<a href="home.php?m=obat">Obat Herbal</a>
</nav>
</div>
<div id="container">
<?php include "koneksi.php"; ?> <div id="wrapper">
<div id="content">
<?php include'jump.php' ?>
</div>
<div id="content2">
<p>Artikel Terbaru</p></br></br> <?php
$sql = mysql_query("SELECT * FROM home ORDER BY tanggal DESC limit 10") or die ("Query gagal dengan error: ".mysql_error());
while($data=mysql_fetch_array($sql)){echo"<li><a
href=?m=home&act=tampil&id=$data[id]&kategori=$data[kategori]>$data[judul ]</a></li>";}
?> </div> <div id="content2">
<p><a><strong>9 Tips Untuk Hidup Sehat Berkualitas</strong></a></br>
</p>
<p> </p>
<p><em>1.Segelas air putih di pagi
hari</em>. </p>
<p><em>2.Tidur yang Cukup</em>.</p> <p><em>3.Peregangan di pagi
hari</em>.</p>
<p><em>4.Biasakan sarapan di pagi hari</em>.</p>
<p><em>5.Sempatkan waktu untuk berjalan kaki setiap hari.</em></p>
<p><em>6.Lakukan interaksi sosial.</em></p>
<p><em>8.Cari Kegiatan baru</em></p> <p><em>9.Cintai Hidup Anda</em>.</p> </div>
</div> </div>
<div id="footer">
<p align="center"><a
href="login.php">admin</a></p></br><p align="center">© Keluarga Sehat</p>
</div> </body> </html>
Home1.php
<?php
switch($_GET[act]){
default:
echo'<section class="cr-container">
<input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked/>
<label for="select-img-1" class="cr-label-img-1">1</label>
<input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
<label for="select-img-2" class="cr-label-img-2">2</label>
<input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
<label for="select-img-3" class="cr-label-img-3">3</label>
<input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
<label for="select-img-4" class="cr-label-img-4">4</label>
<div class="clr"></div> <div class="cr-bgimg">
<div>
<span>Slice 1 - Image 4</span> </div>
<div>
<span>Slice 2 - Image 1</span> <span>Slice 2 - Image 2</span> <span>Slice 2 - Image 3</span> <span>Slice 2 - Image 4</span> </div>
<div>
<span>Slice 3 - Image 1</span> <span>Slice 3 - Image 2</span> <span>Slice 3 - Image 3</span> <span>Slice 3 - Image 4</span> </div>
<div>
<span>Slice 4 - Image 1</span> <span>Slice 4 - Image 2</span> <span>Slice 4 - Image 3</span> <span>Slice 4 - Image 4</span> </div>
</div>
<div class="cr-titles">
<h3><span>Sehat</span><span>Bahagia Bersama Keluarga Tercinta</span></h3>
<h3><span>Penyakit</span><span>Bila Dibiarkan Dapat Merenggut Yang Tercinta </span></h3>
<h3><span>Herbal</span><span>Jauh Lebih Sehat Untuk Kita</span></h3>
<h3><span>Melayani</span><span>Kami Siap Memberi Informasi Kesehatan Untuk Anda</span></h3>
</div> </section>';
$batas=4;
$halaman=$_GET['halaman']; if(empty($halaman))
{
$posisi=0; $halaman=1; }
else {
$posisi=($halaman-1)*$batas; }
gagal dengan error: ".mysql_error());
while($data=mysql_fetch_array($sql)){
echo'<div class="KetProd"> <img class="GambarKetProd" src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>'; echo $data['keterangan'];
echo"<a>. . . </a><a
href=?m=home&act=tampil&id=$data[id]&kategori=$data[kategori]><strong>La njut Baca</strong></a></div>
";}
$tampil2=mysql_query("select * from home"); $jmldata=mysql_num_rows($tampil2);
$jmlhalaman=ceil($jmldata/$batas); echo'</br></br></br></br>';
echo'<a>halaman : </a>'; for($i;$i<=$jmlhalaman;$i++) if($i!=$halaman)
{
echo "<a href=home.php?m=home&halaman=$i> $i </a>"; }
else {
echo "<b> $i </b> "; }
break;
case"tampil": $id=$_GET[id];
$kategori=$_GET[kategori];
if($kategori=='herbal'){$tempat='obat';}
elseif($kategori=='penyakit'){$tempat='penyakit';} elseif($kategori=='sehat'){$tempat='tips';}
$sql = mysql_query("SELECT * FROM $kategori where id='$id'") or die ("Query gagal dengan error:
".mysql_error());
while($data=mysql_fetch_array($sql)){
<img class="GambarKetProd" src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>'; echo $data['keterangan'];
echo"</br></br></br><a href='home.php?m=home'><strong>Kembali</strong></a></div>
";} ?>
<div id="publishcomment">
<?php
$commentquery = mysql_query("SELECT * FROM komen_$kategori WHERE id_judul='$id'
ORDER BY id DESC") or die(mysql_error());
$commentNum = mysql_num_rows($commentquery); echo "<h4>" . "Current comment(s)..." . "</h4>";
echo "<b>" . $commentNum . " comment(s) so far. Leave a comment..." . "</b>" . "<br />" . "<br />";
echo "<hr>";
while($row = mysql_fetch_array($commentquery)) {
echo "<b>" . $row['nama'] . "</b>" . " " . " | " . " " . "<i>" .
$row['date'] . "</i>" . "<br />" . "<br />" . $row['komentar'] . "<br />"; echo "<hr>";
}
?></div>
<div id="comment">
<form name="submitcomment" method="post" action="submitcomment.php">Nama:<br> <input name="nama" type="text"><br>
Email:<br><input name="email" type="text"><br>
Komentar:<br><textarea name="komentar" rows="6" cols="50"></textarea><br> <input name="id_judul" value="<?php echo"$id";?>"; type="hidden">
<input name="judul" value="komen_<?php echo"$kategori";?>" type="hidden"> <input name="url" value="home.php?m=<?php
echo"$tempat";?>&act=tampil&id=<?php echo"$id";?>" type="hidden"><br> <input name="tombol" value="Kirim" type="submit"></form></div>
Demo.css
@font-face {
font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal;
font-style: normal; }
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,block quote,th,td {
margin:0; padding:0; }
html,body { margin:0; padding:0; height: 100%; }
table {
border-collapse:collapse; border-spacing:0;
}
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;
font-weight:normal; }
ol,ul {
list-style:none; }
caption,th {
text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
}
section, header{ display: block; }
/* General Demo Style */ body{
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
background: #fff url(../images/bg.jpg) repeat top left; font-weight: 400;
font-size: 15px; color: #3a2127; overflow-y: scroll; }
a{
color: #333;
text-decoration: none; }
.container{
width: 100%; height: 100%; position: relative; text-align: center; }
.clr{
clear: both; }
.container > header{
padding: 20px 30px 10px 30px; margin: 0px 20px 10px 20px; position: relative;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align: center;
}
.container > header h1{
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 35px;
line-height: 35px; position: relative; font-weight: 400;
color: rgba(26,89,120,0.9);
text-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding: 0px 0px 5px 0px;
}
.container > header h1 span{ color: #7cbcd6;
}
.container > header h2{ font-size: 16px; font-style: italic; color: #2d6277;
text-shadow: 0px 1px 1px rgba(255,255,255,0.8); }
/* Header Style */ .codrops-top{
line-height: 24px; font-size: 11px;
background: rgba(255, 255, 255, 0.4); text-transform: uppercase;
z-index: 9999; position: relative;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2); }
.codrops-top a{
padding: 0px 10px; letter-spacing: 1px; color: #333;
text-shadow: 0px 1px 1px #fff; display: block;
float: left; }
.codrops-top a:hover{ background: #fff; }
.codrops-top span.right{ float: right; }
.codrops-top span.right a{ float: left;
display: block; }
p.codrops-demos{ text-align:center; display: block; padding: 14px; }
p.codrops-demos a,
p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover{ display: inline-block;
height: 60px; margin: 0px 3px; line-height: 60px; border-radius: 50%; font-weight: 800;
box-shadow: 1px 1px 1px rgba(0,0,0,0.05) inset; color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1); background: rgba(104,171,194,0.5); }
p.codrops-demos a:hover{ background: #4fa2c4; }
p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover{
color: rgba(104,171,194,1);
background: rgba(255,255,255,0.9); box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
Jump.php
<?php
error_reporting(0);
$index=$_GET['m'];
if($index=='home'){
include('home1.php'); }
else if($index=='penyakit'){ include('penyakit.php'); }
else if($index=='tips'){ include('tips.php'); }
else if($index=='obat'){ include('obat.php'); }
else{
echo"hahahaa"; }
?>
Koneksi.php
<?php
$host="localhost"; $user="root"; $password=""; $database="ta";
$koneksi=mysql_connect($host,$user,$password); mysql_select_db($database);
?>
Login.php
<html> <head> <title></title> </head>
<body>
<p> </p> <p> </p> <p> </p>
<form action="loginpriksa.php" method="post"> <table align="center" width="284">
<tr>
<th colspan="2">Admin Keluarga Sehat Online</th> </tr>
<tr>
<td>User name</td>
<td><input type="text" name="username" size="20"></td> </tr>
<tr>
<td>Password</td>
<td><input type="password" name="password" size="20"></td> </tr>
<tr>
<td> </td>
<td><input type="submit" name="Login" value="Login"></td> </tr>
</form>
</body> </html>
Loginperiksa.php
<?php
session_start();
include "koneksi.php";
$username=$_POST['username']; $password=$_POST['password'];
$query=mysql_query("select * from user where id='$username' and pass='$password'");
$cek=mysql_num_rows($query); if($cek){
$_SESSION['username']=$username; header('location: admin/admin.php'); }
else{
echo"Anda gagal login. silahkan "; }
?>
<a href="login.php">Login kembali</a>
Logout.php
<?php
session_start();
$username=$_SESSION["username"];
unset($_SESSION["username"]); header('location: ../home.php'); ?>
Main.css
body{
background-color: white; }
#header{ width: 100%;
height: 300px;
float: left;
background-color: white; }
#menu{ width: 76%; height: 41px; float: left;
padding-left: 24%; background-color: white; font-size: 30px;
border-bottom: 2px solid #cf4a5c; }
#container{ width: 80%; margin: auto; }
#wrapper{ width: 100%; height: auto; float: left; }
#content{ width: 70%; height: auto; float: left; margin:10px;
padding: 20px 10px 10px 20px; background-color: white;
box-shadow: 0px 0px 15px #000;
border-radius: 10px;
}
#content2{ width: 23%; height: auto; float: left;
margin-top: 10px;
padding: 10px 10px 10px 10px; background-color: white;
box-shadow: 0px 0px 15px #000;
border-radius: 10px;
}
width: 100%; height: 50px; float: left;
background-color: white; border-top: 1px solid grey; }
.codrops-demos {
padding: 0 0 1em; position: relative; }
.codrops-demos a { font-weight: 800;
text-transform: uppercase; font-size: 0.6em;
letter-spacing: 1px; padding: 0.3em 0;
opacity: 0.7; margin: 0 0.5em; white-space: nowrap; color: #cf4a5c; }
.codrops-demos a:hover,
.codrops-demos a.current-demo { opacity: 1;
color: #69606b; }
.codrops-demos a.current-demo {
border-bottom: 3px solid #cf4a5c; }
.related {
padding: 3em 0; text-align: center; font-size: 1.5em; position: relative; }
}
@media screen and (max-width: 40em) {
.codrops-icon span { display: none; }
.related {
font-size: 80%; }
}
.Judul {
font-size: 18px; font-weight: bold; margin: 0px; }
.GambarKetProd { float: left;
width: 80px; margin-right: 20px;
padding: 3px 3px 3px 3px; border: 1px solid #CCC; }
.produk { float: left;
border: 1px solid #CCC; margin-top: 20px; margin-left: 20px; }
.KetProd {
background-color: #fff; width: 90%;
height: auto;
padding: 10px 10px 10px 10px; margin: 10px;
box-shadow: 0px 0px 15px #000; }
margin:20px 0 0 20px; border: 2px solid #848484; border-radius:20px;
-moz-border-radius:20px; max-height: 90%;
font-weight: bold; color: #606060; padding: 10px; width: 440px;
background-color: #dcdcdc; }
#publishcomment {
border: 2px solid #848484;
box-shadow: 12px 12px 7px #888888; margin: 30px 0 50px 20px;
padding: 10px; max-height: 100%; color: #3d3d3d; width: 550px; font-size: 12px; line-height: 15px; }
#publishcomment hr { color: #ccc;
}
#publishcomment a { color: #da5700; text-decoration: none; font-weight:normal; }
#publishcomment a:link { font-weight: bold;
}
#publishcomment a:hover { text-decoration: underline; }
.cr-container{
width: 600px; height: 400px; position: relative; margin: 0 auto; overflow: hidden; border: 20px solid #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,0.1); }
font-style: italic; width: 150px; height: 30px; cursor: pointer; color: #fff; line-height: 32px; font-size: 24px; float:left;
position: relative; margin-top:350px; z-index: 1000; }
.cr-container label:before{ content:'';
width: 34px; height: 34px;
background: rgba(130,195,217,0.9); position: absolute;
left: 50%;
margin-left: -17px; border-radius: 50%;
box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3); z-index:-1;
}
.cr-container label:after{ width: 1px; height: 400px; content: '';
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,
rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0)
0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0)
0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0)
0%,rgba(255,255,255,1) 100%);
background: linear-gradient(top, rgba(255,255,255,0)
0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute;
bottom: -20px; right: 0px; }
}
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1, .cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2, .cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3, .cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4{
color: #68abc2; }
.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before, .cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before, .cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before, .cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before{
background: #fff;
box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6); }
.cr-container input{ display: none; }
.cr-bgimg{
width: 600px; height: 400px; position: absolute; left: 0px;
top: 0px; z-index: 1; }
.cr-bgimg{
background-repeat: no-repeat; background-position: 0 0; }
.cr-bgimg div{ width: 150px; height: 100%; position: relative; float: left;
overflow: hidden;
background-repeat: no-repeat; }
.cr-bgimg div span{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;
opacity: 0; z-index: 2;
text-indent: -9000px; }
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(1){
background-image: url(image/Agar-Tubuh-Sehat1.jpg); }
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(2){
background-image: url(image/wanita-menangis.jpg); }
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(3){
background-image: url(image/152985_obat-obatan-herbal_663_382.jpg); }
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg, .cr-bgimg div span:nth-child(4){
background-image: url(image/_t1.jpg); }
.cr-bgimg div:nth-child(1) span{ background-position: 0px 0px; }
.cr-bgimg div:nth-child(2) span{
background-position: -150px 0px; }
.cr-bgimg div:nth-child(3) span{
background-position: -300px 0px; }
.cr-bgimg div:nth-child(4) span{
background-position: -450px 0px; }
.cr-container input:checked ~ .cr-bgimg div span{ -webkit-animation: scaleOut 0.6s ease-in-out; -moz-animation: scaleOut 0.6s ease-in-out; -o-animation: scaleOut 0.6s ease-in-out; -ms-animation: scaleOut 0.6s ease-in-out; animation: scaleOut 0.6s ease-in-out; }
@-webkit-keyframes scaleOut{
0%{ -webkit-transform: scale(1); opacity: 1; } 100%{ -webkit-transform: scale(1.5); opacity: 0; } }
@-moz-keyframes scaleOut{
0%{ -moz-transform: scale(1); opacity: 1; } 100%{ -moz-transform: scale(1.5); opacity: 0; } }
0%{ -o-transform: scale(1); opacity: 1; } 100%{ -o-transform: scale(1.5); opacity: 0; } }
@-ms-keyframes scaleOut{
0%{ -ms-transform: scale(1); opacity: 1; } 100%{ -ms-transform: scale(1.5); opacity: 0; } }
@keyframes scaleOut{
0%{ transform: scale(1); opacity: 1; } 100%{ transform: scale(1.5); opacity: 0; } }
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1), .cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2), .cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3), .cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4) {
-webkit-transition: -webkit-transform 0.5s out, opacity 0.5s ease-in-out, z-index 0s linear 0.6s;
-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0.5s ease-in-out, z-index 0s linear 0.6s;
-o-transition: -o-transform 0.5s ease-in-out, opacity 0.5s ease-in-out, z-index 0s linear 0.6s;
-ms-transition: -ms-transform 0.5s ease-in-out, opacity 0.5s ease-in-out, z-index 0s linear 0.6s;
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, z-index 0s linear 0.6s;
-webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; animation: none; opacity: 1;
-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index:10000; }
.cr-titles h3{ color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
text-align: center; opacity: 0;
top: 50%; }
.cr-titles h3 span:nth-child(1){ left: 0px;
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 70px;
letter-spacing: 7px; color: transparent;
text-shadow: 0px 0px 10px #fff;
-webkit-transition: text-shadow 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: text-shadow 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: text-shadow 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: text-shadow 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: text-shadow 0.8s ease-in-out, opacity 0.8s ease-in-out; }
.cr-titles h3 span:nth-child(2){ margin-top: 84px; letter-spacing: 0px;
background: rgba(104,171,194,0.9); font-size: 14px;
padding: 10px 0px; font-style: italic;
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
-webkit-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; }
.cr-container input:checked ~ .cr-titles h3 span{ opacity: 0;
text-shadow: 0px 0px 30px #fff; }
.cr-container input.cr-selector-img-1:checked ~ .cr-titles h3:nth-child(1) span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2) span:nth-child(1),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3) span:nth-child(1),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4) span:nth-child(1){
opacity: 1;
text-shadow: 0px 0px 1px #fff; }
span:nth-child(2),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2) span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3) span:nth-child(2),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4) span:nth-child(2){
opacity: 1; }
/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 768px) { .cr-container input{
display: inline; width: 24%; margin-top: 350px; z-index: 1000; position: relative; }
.cr-container label{ display: none; }
}
Obat.php
<?php
switch($_GET[act]){
default:
$batas=6;
$halaman=$_GET['halaman']; if(empty($halaman))
{
$posisi=0; $halaman=1; }
else {
$posisi=($halaman-1)*$batas; }
$sql = mysql_query("SELECT * FROM home where kategori='herbal' ORDER BY id DESC limit $posisi,$batas") or die ("Query gagal dengan error: ".mysql_error());
echo'<div class="KetProd">
<img class="GambarKetProd"
src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>';
echo $data['keterangan'];
echo"<a>. . . </a><a
href=?m=obat&act=tampil&id=$data[id]><strong>Lanjut Baca</strong></a></div>
";}
$tampil2=mysql_query("SELECT * FROM home where kategori='herbal' ORDER BY id DESC");
$jmldata=mysql_num_rows($tampil2); $jmlhalaman=ceil($jmldata/$batas); echo'</br></br></br></br>';
echo'<a>halaman : </a>'; for($i;$i<=$jmlhalaman;$i++) if($i!=$halaman)
{
echo "<a href=home.php?m=obat&halaman=$i> $i </a>"; }
else {
echo "<b> $i </b> "; }
break;
case"tampil":
$id=$_GET[id];
$sql = mysql_query("SELECT * FROM herbal where id='$id'") or die ("Query gagal dengan error: ".mysql_error());
while($data=mysql_fetch_array($sql)){
echo'<div class="KetProd">
<img class="GambarKetProd"
src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>';
echo $data['keterangan'];
echo"</br></br></br><a href='home.php?m=obat'><strong>Kembali</strong></a></div>
?>
<div id="publishcomment">
<?php
$commentquery = mysql_query("SELECT * FROM komen_herbal WHERE id_judul='$id'
ORDER BY id DESC") or die(mysql_error());
$commentNum = mysql_num_rows($commentquery); echo "<h4>" . "Current comment(s)..." . "</h4>";
echo "<b>" . $commentNum . " comment(s) so far. Leave a comment..." . "</b>" . "<br />" . "<br />";
echo "<hr>";
while($row = mysql_fetch_array($commentquery)) {
echo "<b>" . $row['nama'] . "</b>" . " " . " | " . " " . "<i>" .
$row['date'] . "</i>" . "<br />" . "<br />" . $row['komentar'] . "<br />"; echo "<hr>";
}
?></div>
<div id="comment">
<form name="submitcomment" method="post"
action="submitcomment.php">Nama:<br> <input name="nama" type="text"><br>
Email:<br><input name="email" type="text"><br>
Komentar:<br><textarea name="komentar" rows="6" cols="50"></textarea><br> <input name="id_judul" value="<?php echo"$id";?>"; type="hidden">
<input name="judul" value="komen_herbal" type="hidden">
<input name="url" value="home.php?m=obat&act=tampil&id=<?php
echo"$id";?>" type="hidden"><br>
<input name="tombol" value="Kirim" type="submit"></form></div> <?php
break; } ?>
Penyakit.php
<?php
switch($_GET[act]){
default: $batas=6;
{
$posisi=0; $halaman=1; }
else {
$posisi=($halaman-1)*$batas; }
$sql = mysql_query("SELECT * FROM home where kategori='penyakit' ORDER BY id DESC ") or die ("Query gagal dengan error: ".mysql_error());
while($data=mysql_fetch_array($sql)){
echo'<div class="KetProd">
<img class="GambarKetProd"
src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>';
echo $data['keterangan'];
echo"<a>. . . </a><a
href=?m=penyakit&act=tampil&id=$data[id]><strong>Lanjut Baca</strong></a></div>
";}
$tampil2=mysql_query("SELECT * FROM home where kategori='penyakit' ORDER BY id DESC");
$jmldata=mysql_num_rows($tampil2); $jmlhalaman=ceil($jmldata/$batas); echo'</br></br></br></br>';
echo'<a>halaman : </a>'; for($i;$i<=$jmlhalaman;$i++) if($i!=$halaman)
{
echo "<a href=home.php?m=obat&halaman=$i> $i </a>"; }
else {
echo "<b> $i </b> "; }
break;
case"tampil":
$id=$_GET[id];
while($data=mysql_fetch_array($sql)){
echo'<div class="KetProd">
<img class="GambarKetProd"
src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>';
echo $data['keterangan'];
echo"</br></br></br><a href='javascript:history.go(-1)'><strong>Kembali</strong></a></div>
";} ?>
<div id="publishcomment">
<?php
$commentquery = mysql_query("SELECT * FROM komen_penyakit WHERE id_judul='$id'
ORDER BY id DESC") or die(mysql_error());
$commentNum = mysql_num_rows($commentquery); echo "<h4>" . "Current comment(s)..." . "</h4>";
echo "<b>" . $commentNum . " comment(s) so far. Leave a comment..." . "</b>" . "<br />" . "<br />";
echo "<hr>";
while($row = mysql_fetch_array($commentquery)) {
echo "<b>" . $row['nama'] . "</b>" . " " . " | " . " " . "<i>" .
$row['date'] . "</i>" . "<br />" . "<br />" . $row['komentar'] . "<br />"; echo "<hr>";
}
?></div>
<div id="comment">
<form name="submitcomment" method="post"
action="submitcomment.php">Nama:<br> <input name="nama" type="text"><br>
Email:<br><input name="email" type="text"><br>
Komentar:<br><textarea name="komentar" rows="6" cols="50"></textarea><br> <input name="id_judul" value="<?php echo"$id";?>"; type="hidden">
<input name="judul" value="komen_penyakit" type="hidden">
<input name="url" value="home.php?m=penyakit&act=tampil&id=<?php
echo"$id";?>" type="hidden"><br>
<input name="tombol" value="Kirim" type="submit"></form></div> <?php
} ?>
Submitcomment.php
<?php
if($_POST["tombol"]=="Kirim") {
$nama=$_POST["nama"]; $email=$_POST["email"];
$komentar=$_POST["komentar"]; $id_judul=$_POST["id_judul"]; $url=$_POST["url"];
$judul=$_POST["judul"];
if(empty($nama))
$_POST["nama"]='anonymous'; if(empty($komentar)){
echo "<meta http-equiv='refresh' content='2; url=$url'>"; die("komentar harus diisi");}
}
//Menampilkan data
include('koneksi.php');
$sql=mysql_query("INSERT INTO $judul (nama, email, komentar, id_judul, url, date)
VALUES
('$nama','$email','$komentar','$id_judul','$url', NOW())");
echo "<meta http-equiv='refresh' content='0; url=$url'>";
?>
Tips.php
<?php
switch($_GET[act]){
default: $batas=6;
$halaman=$_GET['halaman']; if(empty($halaman))
$posisi=0; $halaman=1; }
else {
$posisi=($halaman-1)*$batas; }
$sql = mysql_query("SELECT * FROM home where kategori='sehat' ORDER BY id DESC limit $posisi,$batas") or die ("Query gagal dengan error: ".mysql_error());
while($data=mysql_fetch_array($sql)){
echo'<div class="KetProd">
<img class="GambarKetProd"
src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>';
echo $data['keterangan'];
echo"<a>. . . </a><a
href=?m=tips&act=tampil&id=$data[id]><strong>Lanjut Baca</strong></a></div>
";}
$tampil2=mysql_query("SELECT * FROM home where kategori='sehat' ORDER BY id DESC");
$jmldata=mysql_num_rows($tampil2); $jmlhalaman=ceil($jmldata/$batas); echo'</br></br></br></br>';
echo'<a>halaman : </a>'; for($i;$i<=$jmlhalaman;$i++) if($i!=$halaman)
{
echo "<a href=home.php?m=obat&halaman=$i> $i </a>"; }
else {
echo "<b> $i </b> "; }
break;
case"tampil":
$id=$_GET[id];
$sql = mysql_query("SELECT * FROM sehat where id='$id'") or die ("Query gagal dengan error: ".mysql_error());
echo'<div class="KetProd">
<img class="GambarKetProd"
src="image/'; echo $data['image']; echo'">';
echo"<h1 class='Judul'>"; echo $data['judul']; echo'</h1></br>';
echo$data['tanggal']; echo'</br>';
echo $data['keterangan'];
echo"</br></br></br><a href='javascript:history.go(-1)'><strong>Kembali</strong></a></div>
";} ?>
<div id="publishcomment">
<?php
$commentquery = mysql_query("SELECT * FROM komen_sehat WHERE id_judul='$id'
ORDER BY id DESC") or die(mysql_error());
$commentNum = mysql_num_rows($commentquery); echo "<h4>" . "Current comment(s)..." . "</h4>";
echo "<b>" . $commentNum . " comment(s) so far. Leave a comment..." . "</b>" . "<br />" . "<br />";
echo "<hr>";
while($row = mysql_fetch_array($commentquery)) {
echo "<b>" . $row['nama'] . "</b>" . " " . " | " . " " . "<i>" .
$row['date'] . "</i>" . "<br />" . "<br />" . $row['komentar'] . "<br />"; echo "<hr>";
}
?></div>
<div id="comment">
<form name="submitcomment" method="post"
action="submitcomment.php">Nama:<br> <input name="nama" type="text"><br>
Email:<br><input name="email" type="text"><br>
Komentar:<br><textarea name="komentar" rows="6" cols="50"></textarea><br> <input name="id_judul" value="<?php echo"$id";?>"; type="hidden">
<input name="judul" value="komen_sehat" type="hidden">
<input name="url" value="home.php?m=tips&act=tampil&id=<?php
echo"$id";?>" type="hidden"><br>
<input name="tombol" value="Kirim" type="submit"></form></div> <?php
?>
Admin.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="nicedit/nicEdit.js" type="text/javascript"></script> <script type="text/javascript">
bkLib.onDomLoaded(function(){
nicEditors.allTextAreas(({buttonList :
['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','im age']})) });
</script> </head>
<div class="header"> <header>Admin</header>
</div>
<div class="container"> <div class="content1">
<div class="menu">
<ul>
<li><a href="?menu=artikel">Artikel</a></li> <li><a href="?menu=tips">sehat</a></li> <li><a href="?menu=sehat">Herbal</a></li> <li><a href="?menu=penyakit">penyakit</a></li> <li><a href="?menu=logout">Logout</a></li>
</ul>
</div> </div>
<div class="content2">
<?php include'../koneksi.php'; ?> <?php include'jump.php'; ?> </div>
</div>
<div class="footer"> </div>
<body> </body> </html>
<?php
session_start(); error_reporting(0); include "../koneksi.php";
$menu=$_GET[menu]; $act=$_GET[act]; $db=$_GET[db]; $db1=$_GET[db1]; $db2=$_GET[db2]; $db3=$_GET[db3]; $id1=$_GET[id1]; $kate=$_GET[kate];
// Menghapus data if ($act=='hapus'){
$insert= mysql_query("DELETE FROM $db WHERE id ='$_GET[id]'"); $insert1= mysql_query("DELETE FROM $db1 WHERE id ='$_GET[id]'"); $insert2= mysql_query("DELETE FROM $db2 WHERE id ='$_GET[id]'"); $insert3= mysql_query("DELETE FROM $db3 WHERE id ='$_GET[id]'"); header('location:admin.php?menu='.$menu);
}
//Add Product elseif ($act=='add'){
$lokasi_file = $_FILES['fgambar']['tmp_name'];
$tipe_file = $_FILES['fgambar']['type'];
$nama_file = $_FILES['fgambar']['name'];
$move= move_uploaded_file($lokasi_file,"../image/$nama_file");
$insert = mysql_query("INSERT INTO $db (id, judul, keterangan, image,
tanggal, kategori)
VALUES ('$_POST[id]',
'$_POST[judul]', '$_POST[keterangan]', '$nama_file', NOW(),
'$_POST[kategori]')");
if($_POST[kategori]=='sehat'){
$insert1 = mysql_query("INSERT INTO $db3 (id, judul, keterangan, image, tanggal)
elseif($_POST[kategori]=='herbal'){
$insert1 = mysql_query("INSERT INTO $db1 (id, judul, keterangan, image, tanggal)
VALUES ('$_POST[id]', '$_POST[judul]', '$_POST[keterangan1]', '$nama_file', NOW())");}
elseif($_POST[kategori]=='penyakit'){
$insert1 = mysql_query("INSERT INTO $db2 (id, judul, keterangan, image, tanggal)
VALUES ('$_POST[id]', '$_POST[judul]', '$_POST[keterangan1]', '$nama_file', NOW())");}
header('location:admin.php?menu='.$menu); }
//Product Update elseif ($act=='update'){
$lokasi_file = $_FILES['fgambar']['tmp_name'];
$tipe_file = $_FILES['fgambar']['type'];
$nama_file = $_FILES['fgambar']['name'];
//If the image doesnt change if (empty($lokasi_file)){
$insert= mysql_query("UPDATE $db SET id='$_POST[id]', judul= '$_POST[judul]',
keterangan = '$_POST[keterangan]',
tanggal = NOW()
WHERE id = '$id1'");
$insert1= mysql_query("UPDATE $kate SET id='$_POST[id]', judul= '$_POST[judul]',
keterangan = '$_POST[keterangan1]',
tanggal = NOW()
WHERE id = '$id1'");
} else {
move_uploaded_file($lokasi_file,"../image/$nama_file"); $insert= mysql_query("UPDATE $db SET id='$_POST[id]',
keterangan = '$_POST[keterangan]',
image = '$nama_file',
tanggal = NOW()
WHERE id = '$id1'");
$insert1= mysql_query("UPDATE $kate SET id='$_POST[id]', judul= '$_POST[judul]',
keterangan = '$_POST[keterangan1]',
image = '$nama_file',
tanggal = NOW()
WHERE id = '$id1'");
}
header('location:admin.php?menu='.$menu); }
?>
Artikel.php
<?php
switch($_GET[act]){ //Tampil Kategori default:
echo"<h2>List Artikel</h2>
<input type=button value='Tambah Artike Baru'
onClick=location.href='?menu=artikel&act=addproduct'> <table class='TableCart'>
<tr><th>no</th><th>Judul
Artikel</th><th>Kategori</th><th>Tanggal</th><th>aksi</th></tr>";
$sql = mysql_query("SELECT * FROM home ORDER BY id DESC");
$no = 1;
while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>
<td>$r[judul]</td> <td>$r[kategori]</td> <td>$r[tanggal]</td> <td><a
<a
echo "</table>"; break;
//Form Add Product case "addproduct":
echo"<h2>Add Artikel</h2>
<form enctype='multipart/form-data' method=POST
action=aksi.php?menu=artikel&act=add&db=home&db1=herbal&db2=penyakit& db3=sehat>
<table class='TableCart'> <tr>
<td>Id</td>
<td><input type=text name=id value=''</td> </tr>
<tr><td>Judul Artikel</td>
<td><input type=text
name=judul></td>
</tr>
<tr><td>Keterangan singkat</td><td><textarea
name=keterangan style='width: 500px; height: 100px;'></textarea></td></tr>
<tr><td>Keterangan panjang</td><td><textarea
name=keterangan1 style='width: 500px; height: 300px;'></textarea></td></tr>
<tr><td>Image</td><td><input type=file
name='fgambar' size=40></td>
<tr><td>Kategori</td><td><select name=kategori> <option value=''></option>
<option value=sehat>Sehat</option> <option value=herbal>Herbal</option> <option value=penyakit>Penyakit</option> </select></td>
</tr>
<tr><td colspan=2>
<input type=submit name=submit value=Simpan>
<input type=button value=Batal onClick=self.history.back()>
</td> </tr>
</table></form>"; break;
//Form Edit Product case"editproduct":
$edit = mysql_query("SELECT * FROM home WHERE id='$_GET[id]'");
$edit1 = mysql_query("SELECT * FROM $kategori WHERE id='$_GET[id]'");
$d = mysql_fetch_array($edit); $d1 = mysql_fetch_array($edit1);
echo"<h2>Edit Artikel</h2>
<form method=POST enctype='multipart/form-data'
action=aksi.php?menu=artikel&act=update&db=home&kate=$d[kategori]&id1=$ d[id]>
<table class='TableCart'> <tr>
<td>Id</td>
<td><input type=text name=id
value='$d[id]'</td>
</tr>
<tr><td>Judul Artikel</td>
<td><input type=text name='judul' value='$d[judul]'></td>
</tr>
<tr><td>Keterangan singkat</td><td><textarea
name=keterangan style='width: 500px; height:
100px;'>$d[keterangan]</textarea></td></tr>
<tr><td>Keterangan panjang</td><td><textarea
name=keterangan1 style='width: 500px; height:
300px;'>$d1[keterangan]</textarea></td></tr>
<tr><td></td><td><img width=100
src='../image/$d[image]' /></td></tr>
<tr><td>Image</td><td><input type=file
id=fgambar name=fgambar size=40></td>
<tr><td colspan=2>
<input type=submit name=submit value=Simpan>
<input type=button value=Batal onClick=self.history.back()>
</td> </tr>
</table></form>"; break;
} ?>
Jump.php
error_reporting(0);
if ($_GET[menu] == "artikel") { include"artikel.php";
}
else if ($_GET[menu] == "tips") { include"tips.php";
}
else if ($_GET[menu] == "sehat") { include"sehat.php";
}
else if ($_GET[menu] == "penyakit") { include"penyakit.php";
}
else if ($_GET[menu] == "logout") { include"../logout.php";
} ?>
Penyakit.php
<?php
switch($_GET[act]){ //Tampil Kategori default:
echo"<h2>List Artikel</h2> <table class='TableCart'>
<tr><th>no</th><th>Judul Artikel</th><th>Tanggal</th><th>aksi</th></tr>";
$sql = mysql_query("SELECT * FROM penyakit ORDER BY id DESC");
$no = 1;
while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>
<td>$r[judul]</td> <td>$r[tanggal]</td> <td><a
href=?menu=penyakit&act=editproduct&id=$r[id]>Edit</a> <a
href=aksi.php?menu=penyakit&act=hapus&id=$r[id]&db=home&db1=herbal&d b2=penyakit&db3=sehat>Hapus</a>
</td></tr>"; $no++;
echo "</table>"; break;
//Form Edit Product case"editproduct":
$edit = mysql_query("SELECT * FROM penyakit WHERE id='$_GET[id]'");
$edit1 = mysql_query("SELECT * FROM home WHERE id='$_GET[id]'");
$d = mysql_fetch_array($edit); $d1 = mysql_fetch_array($edit1);
echo"<h2>Edit Artikel</h2>
<form method=POST enctype='multipart/form-data'
action=aksi.php?menu=penyakit&act=update&db=home&kate=penyakit&id1=$d [id]>
<table class='TableCart'> <tr>
<td>Id</td>
<td><input onfocus=this.value='' type=text name=id value='$d[id]'</td>
</tr>
<tr><td>Judul Artikel</td>
<td><input onfocus=this.value=''
type=text name='judul' value='$d[judul]'></td> </tr>
<tr><td>Keterangan</td><td><textarea
name=keterangan style='width: 577px; height:
67px;'>$d1[keterangan]</textarea></td></tr>
<tr><td>Keterangan</td><td><textarea
name=keterangan1 style='width: 577px; height:
67px;'>$d[keterangan]</textarea></td></tr>
<tr><td></td><td><img width=100
src='../image/$d[image]' /></td></tr>
<tr><td>Image</td><td><input type=file
id=fgambar name=fgambar size=40></td>
<tr><td colspan=2>
<input type=submit name=submit value=Simpan>
<input type=button value=Batal onClick=self.history.back()>
</td> </tr>
</table></form>"; break;
Sehat.php
<?php
switch($_GET[act]){ //Tampil Kategori default:
echo"<h2>List Artikel</h2> <table class='TableCart'>
<tr><th>no</th><th>Judul Artikel</th><th>Tanggal</th><th>aksi</th></tr>";
$sql = mysql_query("SELECT * FROM herbal ORDER BY id DESC");
$no = 1;
while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>
<td>$r[judul]</td> <td>$r[tanggal]</td> <td><a
href=?menu=sehat&act=editproduct&id=$r[id]>Edit</a> <a
href=aksi.php?menu=sehat&act=hapus&id=$r[id]&db=home&db1=herbal&db2= penyakit&db3=sehat>Hapus</a>
</td></tr>"; $no++;
}
echo "</table>"; break;
//Form Edit Product case"editproduct":
$edit = mysql_query("SELECT * FROM herbal WHERE id='$_GET[id]'");
$edit1 = mysql_query("SELECT * FROM home WHERE id='$_GET[id]'");
$d = mysql_fetch_array($edit); $d1 = mysql_fetch_array($edit1);
echo"<h2>Edit Artikel</h2>
<form method=POST enctype='multipart/form-data'
action=aksi.php?menu=sehat&act=update&db=home&kate=herbal&id1=$d[id]> <table class='TableCart'>
<tr>
<td>Id</td>
<td><input onfocus=this.value='' type=text name=id value='$d[id]'</td>
</tr>
<td><input onfocus=this.value='' type=text name='judul' value='$d[judul]'></td>
</tr>
<tr><td>Keterangan</td><td><textarea
name=keterangan style='width: 577px; height:
67px;'>$d1[keterangan]</textarea></td></tr>
<tr><td>Keterangan</td><td><textarea
name=keterangan1 style='width: 577px; height:
67px;'>$d[keterangan]</textarea></td></tr>
<tr><td></td><td><img width=100
src='../image/$d[image]' /></td></tr>
<tr><td>Image</td><td><input type=file
id=fgambar name=fgambar size=40></td>
<tr><td colspan=2>
<input type=submit name=submit value=Simpan>
<input type=button value=Batal onClick=self.history.back()>
</td> </tr>
</table></form>"; break;
} ?>
Tips.php
<?php
switch($_GET[act]){ //Tampil Kategori default:
echo"<h2>List Artikel</h2> <table class='TableCart'>
<tr><th>no</th><th>Judul Artikel</th><th>Tanggal</th><th>aksi</th></tr>";
$sql = mysql_query("SELECT * FROM sehat ORDER BY id DESC");
$no = 1;
while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td>
<td>$r[judul]</td> <td>$r[tanggal]</td> <td><a
href=?menu=tips&act=editproduct&id=$r[id]>Edit</a> <a
</td></tr>"; $no++;
}
echo "</table>"; break;
//Form Edit Product case"editproduct":
$edit = mysql_query("SELECT * FROM sehat WHERE id='$_GET[id]'");
$edit1 = mysql_query("SELECT * FROM home WHERE id='$_GET[id]'");
$d = mysql_fetch_array($edit); $d1 = mysql_fetch_array($edit1);
echo"<h2>Edit Artikel</h2>
<form method=POST enctype='multipart/form-data'
action=aksi.php?menu=tips&act=update&db=home&kate=sehat&id1=$d[id]> <table class='TableCart'>
<tr>
<td>Id</td>
<td><input onfocus=this.value='' type=text name=id value='$d[id]'</td>
</tr>
<tr><td>Judul Artikel</td>
<td><input onfocus=this.value=''
type=text name='judul' value='$d[judul]'></td> </tr>
<tr><td>Keterangan</td><td><textarea
name=keterangan style='width: 577px; height:
67px;'>$d1[keterangan]</textarea></td></tr>
<tr><td>Keterangan</td><td><textarea
name=keterangan1 style='width: 577px; height:
67px;'>$d[keterangan]</textarea></td></tr>
<tr><td></td><td><img width=100
src='../image/$d[image]' /></td></tr>
<tr><td>Image</td><td><input type=file
id=fgambar name=fgambar size=40></td>
<tr><td colspan=2>
<input type=submit name=submit value=Simpan>
<input type=button value=Batal onClick=self.history.back()>
</td> </tr>
</table></form>"; break;
?>
Style.css
.header{
background: white; height: 50px; width: 100%;
border-bottom: solid 1px black; }
.container{
height: auto; width: 100%; }
.content1{
background: white; float:left;
height: auto; width: 25%;
border-left: solid 1px black; }
.content2{
background: white; float:left;
height:auto; width: 73%;
border-right: solid 1px black; border-left: solid 1px black; padding: 10px;
}
.footer{
float: left;
background: white; height: 50px; width: 100%;
border-top: solid 1px black; }
.menu ul {
.menu li a { float: left;
width: 100%; color: black;
font-size: 20px; text-decoration: none; background: white;
border-bottom: solid 1px black; text-align: center;
}
.menu li a:hover { background: grey; }
.TableCart {
border: 1px solid #CCC; color: #000000;
font-family: Verdana; font-size: 8pt;
line-height: 18px; text-decoration: none; width: 90%;
margin: 10px; }
.TableCart input {
border: 1px solid #CCC; }
Niceedit.js
/* NicEdit - Micro Inline WYSIWYG * Copyright 2007-2008 Brian Kirchoff *
* NicEdit is distributed under the terms of the MIT license * For more information visit http://nicedit.com/
* Do not remove this copyright message */
var bkExtend = function(){ var args = arguments;
if (args.length == 1) args = [this, args[0]];
for (var prop in args[1]) args[0][prop] = args[1][prop]; return args[0];
};
function bkClass() { }
bkClass.extend = function(def) { var classDef = function() {
if (arguments[0] !== bkClass) { return this.construct.apply(this, arguments); } };
var proto = new this(bkClass); bkExtend(proto,def);
classDef.prototype = proto; classDef.extend = this.extend; return classDef;
};
var bkElement = bkClass.extend({ construct : function(elm,d) {
if(typeof(elm) == "string") {
elm = (d || document).createElement(elm); }
elm = $BK(elm); return elm; },
appendTo : function(elm) { elm.appendChild(this); return this;
},
appendBefore : function(elm) {
elm.parentNode.insertBefore(this,elm); return this;
},
addEvent : function(type, fn) { bkLib.addEvent(this,type,fn); return this;
},
setContent : function(c) { this.innerHTML = c; return this;
},
pos : function() {
var curleft = curtop = 0; var o = obj = this; if (obj.offsetParent) {
do {
}
var b = (!window.opera) ? parseInt(this.getStyle('border-width') || this.style.border) || 0 : 0;
return [curleft+b,curtop+b+this.offsetHeight]; },
noSelect : function() { bkLib.noSelect(this); return this;
},
parentTag : function(t) { var elm = this; do {
if(elm && elm.nodeName &&
elm.nodeName.toUpperCase() == t) { return elm; }
elm = elm.parentNode; } while(elm);
return false; },
hasClass : function(cls) {
return this.className.match(new
RegExp('(\\s|^)nicEdit-'+cls+'(\\s|$)')); },
addClass : function(cls) {
if (!this.hasClass(cls)) { this.className += " nicEdit-"+cls }; return this;
},
removeClass : function(cls) { if (this.hasClass(cls)) {
this.className = this.className.replace(new
RegExp('(\\s|^)nicEdit-'+cls+'(\\s|$)'),' '); }
return this; },
setStyle : function(st) {
var elmStyle = this.style; for(var itm in st) {
switch(itm) { case 'float':
break; case 'opacity':
elmStyle.opacity = st[itm];
elmStyle.filter = "alpha(opacity=" + Math.round(st[itm]*100) + ")";
break; case 'className':
this.className = st[itm]; break;
default:
//if(document.compatMode || itm != "cursor") { // Nasty Workaround for IE 5.5
elmStyle[itm] = st[itm]; //}
} }
return this; },
getStyle : function( cssRule, d ) {
var doc = (!d) ? document.defaultView : d; if(this.nodeType == 1)
return (doc && doc.getComputedStyle) ? doc.getComputedStyle( this, null ).getPropertyValue(cssRule) : this.currentStyle[ bkLib.camelize(cssRule) ];
},
remove : function() {
this.parentNode.removeChild(this); return this;
},
setAttributes : function(at) { for(var itm in at) {
this[itm] = at[itm]; }
return this; }
});
var bkLib = {
isMSIE : (navigator.appVersion.indexOf("MSIE") != -1),
addEvent : function(obj, type, fn) {
(obj.addEventListener) ? obj.addEventListener( type, fn, false ) : obj.attachEvent("on"+type, fn);