Pada kali ini kita akan membuat bagaimana berganti halaman dengan satu kali klik. Langsung saja kita membutuhkan beberapa file php yang akan kia buat. Satu file index.php untuk tampilan. Satu File isi.php untuk pengoperan dan beberapa file untuk halaman tujuan. Kita buat saja misalkan : home.php, handpone.php, komputer.php, kamera.php dan elektronik.php.
untuk index.php ketik kode sebagai berikut :
<html>
<head>
<title>Ganti Halaman</title>
</head>
<body>
<div style="height:100px;width:100%;">
<div style="height:100px;width:20%;background-color:grey;float:left;">
<ul>
<li><a href="?page=handpone">Handphone </a></li>
<li><a href="?page=komputer">Komputer</a></li>
<li><a href="?page=Kamera">Kamera</a></li>
<li><a href="?page=Elektronik">Elektronik</a></li>
</ul>
</div>
<div style="height:100px;width:70%;float:right;">
<?php
include_once "isi.php";
?>
</div>
</div>
</body>
</html>
<head>
<title>Ganti Halaman</title>
</head>
<body>
<div style="height:100px;width:100%;">
<div style="height:100px;width:20%;background-color:grey;float:left;">
<ul>
<li><a href="?page=handpone">Handphone </a></li>
<li><a href="?page=komputer">Komputer</a></li>
<li><a href="?page=Kamera">Kamera</a></li>
<li><a href="?page=Elektronik">Elektronik</a></li>
</ul>
</div>
<div style="height:100px;width:70%;float:right;">
<?php
include_once "isi.php";
?>
</div>
</div>
</body>
</html>
Kemudian untuk isi.php ketik kode sebagai berikut :
<?php
if(!$_GET){
include_once "home.php";
} else{
$page=htmlentities($_GET['page']);
$halaman="$page.php";
if(!file_exists($halaman) || empty($page)){
include_once "home.php";
}else{
include_once "$halaman";
}
}
?>
if(!$_GET){
include_once "home.php";
} else{
$page=htmlentities($_GET['page']);
$halaman="$page.php";
if(!file_exists($halaman) || empty($page)){
include_once "home.php";
}else{
include_once "$halaman";
}
}
?>
Kemudian untuk home.php ketik kode sebagai berikut :
<?php
echo "<h1>SELAMAT DATANG!</h1>";
?>
echo "<h1>SELAMAT DATANG!</h1>";
?>
untuk handpone.php ketik kode sebagai berikut :
<?php
echo "<h1>Handpone</h1>";
?>
echo "<h1>Handpone</h1>";
?>
untuk kamera.php ketik kode sebagai berikut :
<?php
echo "<h1>Kamera</h1>";
?>
echo "<h1>Kamera</h1>";
?>
untuk elektronik.php ketik kode sebagai berikut :
<?php
echo "<h1>Elektronik</h1>";
?>
echo "<h1>Elektronik</h1>";
?>
Simpan file file diatas dalam satu folder, misalkan folder kita beri nama gantihal. gantihal kita buat di c:\xampp\htdocs\. Jangan lupa jalankan dulu xampp-nya. Kemudian browsing dengan mozila, IE atau lainnya. ketik localhost/gantihal pada address bar lalu enter.
selamat mencoba.
Tidak ada komentar:
Posting Komentar