Kemarin saya membahas tentang server side nya,nah untuk membuat web kita lebih interaktif saya coba sekarang buat artikel tentang client site nya.
Langsung aja ke script nya hehe :)
di masalah ini kita membutuhkan 2 file untuk melakukan uji coba script ini
buat file index.html
yang isinya sebagai berikut
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Arsen Lexdorf" />
<title>Link With Ajax</title>
<script type="text/javascript">
var xml;
//fungsi tersebut untuk pengecekkan browser apa yang kita gunakan
function index(){
//yang ini jika browser yang kita gunakan selain IE
if(window.XMLHttpRequest){
xml=new XMLHttpRequest();
}else{
//yang ini jika browser yang kita gunakan IE
xml=new ActiveXObject("Microsoft.XMLHTTP");
}
return xml;
}
var xmlhttp=index();
//fungi pindah ini digunakan untuk link ke halaman lain tanpa merubah url header di atas
function pindah(){
//yang ini untuk mengambil file pindah.html
xmlhttp.open('GET','pindah.html',true);
xmlhttp.onreadystatechange = function(){
//script ini untuk membuat text loading saat menunggu respon
document.getElementById("tengah").innerHTML="Loading";
if(xmlhttp.readyState==4){
//jika respon benar akan di ambilah file yang pindah.html tadi
document.getElementById("tengah").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
</script>
</head>
<body>
<div>
<a href="index.html">Home</a>
<a href="#" onclick="pindah()">Link Ajax</a>
</div>
<div id="tengah">Deydra</div>
</body>
</html>
nah selanjutnya buat file pindah.htmlnya isinya sebagai berikut
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Arsen Lexdorf" />
<title>Untitled 2</title>
</head>
<body>
Deden
</body>
</html>
nah coba sja anda klik yang link with ajax,content akan berubah dan url headernya tetap
selamat mencoba
Thursday, March 1, 2012
Session for Login
yah harus kembali nulis lagi,
mungkin session yang kmren kata bang ridwan aneh ,saya nya kali yang ga bisa nulis
ya postingan yang saya buat sekarang sama seperti session sebelumnya akan tetapi lebih jelas akan fungsingya
langsung aja
buat file index.php
yang isinya sebagai berikut
<?php
session_start();
if(!isset($_SESSION['nama'])){
?>
<form method="post" action="buat.php">
<input type="password" name="password"/>
<input type="submit" value="Log In"/>
</form>
<?php
}else{
header("location:lihat.php");
exit();
}
?>
nah selanjutnya bkin file buat.php
yang berfungsi untuk proses yang tadi
<?php
//setiap pembuatan session harus di awali dengan session_start();
session_start();
$password=$_POST['password'];
$nama="Deydra";
if($password=="deydra"){
/*nah yang $_SESSION[nama]
itu membuat/mendaftarkan session dengan nama->nama dan isi->Deydra
*/
$_SESSION['nama']=$nama;
header("location:lihat.php");
exit();
}else{
/*nah jika login gagal ,session akan dihancurkan
dan akan kembali lagi ke form login
*/
session_destroy();
header("location:index.php");
exit();
}
?>
nah buat halaman untuk admin nya kasih nama filenya
lihat.php
<?php
//setiap pembuatan session harus di awali dengan session_start();
session_start();
//cek ada atau tidak ada nya session
if(isset($_SESSION['nama'])){
//jika ada sessionnya ntar ada link buat logout nya
echo "Hello ".$_SESSION['nama']."<br>";
echo "<a href='hapus.php'>Logout</a>";
}else{
header("location:index.php");
exit();
}
?>
nah setelah buat itu buat fasilitas logoutnya
kasih nama filenya hapus.php
<?php
//setiap pembuatan session harus di awali dengan session_start();
session_start();
//cek ada atau tidak ada nya session
if(isset($_SESSION['nama'])){
/*fungsi buat nghapus session
dan akan di redirect ke form login
*/
session_destroy();
}
header("location:index.php");
exit();
?>
nah seperti itu lah gambaran sedikit tentang session
maaf kalo jelek ya bro ga jago nulis
haha
mungkin session yang kmren kata bang ridwan aneh ,saya nya kali yang ga bisa nulis
ya postingan yang saya buat sekarang sama seperti session sebelumnya akan tetapi lebih jelas akan fungsingya
langsung aja
buat file index.php
yang isinya sebagai berikut
<?php
session_start();
if(!isset($_SESSION['nama'])){
?>
<form method="post" action="buat.php">
<input type="password" name="password"/>
<input type="submit" value="Log In"/>
</form>
<?php
}else{
header("location:lihat.php");
exit();
}
?>
nah selanjutnya bkin file buat.php
yang berfungsi untuk proses yang tadi
<?php
//setiap pembuatan session harus di awali dengan session_start();
session_start();
$password=$_POST['password'];
$nama="Deydra";
if($password=="deydra"){
/*nah yang $_SESSION[nama]
itu membuat/mendaftarkan session dengan nama->nama dan isi->Deydra
*/
$_SESSION['nama']=$nama;
header("location:lihat.php");
exit();
}else{
/*nah jika login gagal ,session akan dihancurkan
dan akan kembali lagi ke form login
*/
session_destroy();
header("location:index.php");
exit();
}
?>
nah buat halaman untuk admin nya kasih nama filenya
lihat.php
<?php
//setiap pembuatan session harus di awali dengan session_start();
session_start();
//cek ada atau tidak ada nya session
if(isset($_SESSION['nama'])){
//jika ada sessionnya ntar ada link buat logout nya
echo "Hello ".$_SESSION['nama']."<br>";
echo "<a href='hapus.php'>Logout</a>";
}else{
header("location:index.php");
exit();
}
?>
nah setelah buat itu buat fasilitas logoutnya
kasih nama filenya hapus.php
<?php
//setiap pembuatan session harus di awali dengan session_start();
session_start();
//cek ada atau tidak ada nya session
if(isset($_SESSION['nama'])){
/*fungsi buat nghapus session
dan akan di redirect ke form login
*/
session_destroy();
}
header("location:index.php");
exit();
?>
nah seperti itu lah gambaran sedikit tentang session
maaf kalo jelek ya bro ga jago nulis
haha
Subscribe to:
Posts (Atom)