Buat form login dengan HTML - Tolonggalo

tes

test banner

Post Top Ad

Responsive Ads Here
Buat form login dengan HTML

Buat form login dengan HTML

Share This
Ass...
Jumpa lagi dengan saya si tolonggalo yang imoet dan cantik,,, wkwkwkwkwk,,, Ngakak Ngakak

Baik,, kali ini saya ingin berbagi tips dan trik yang kebetulan baru lewat dalam pikiran saya,,, dan setelah saya cobain ternyata berhasil,,, yaitu membuat suatu form login tapi menggunakan HTML,,, dimana passwordnya dimasukan kedalam HTML dengan bantuan Javascript, dan di enskrip agar pada opensource nantinya tidak akan ketahuan,,, jadi qt tidak akan membutuhkan database untuk memasukan Username dan pass, perlu diketahui pula bahwa dalam form login ini masih terkandung script PHP dimana PHP disini qt buat hanya untuk membantu meredirect user yang masuk melalui form login,,, oke dari pada banyak bancot kita ke TKP aje,,,

Pada percobaan kali ini qt akan membutuhkan 3 file, yaitu :
  • Halaman Login
  • Pengalih
  • Alamat tujuan 

1. Halaman Login 

Oke pertama-tama qt buat halaman loginnya dulu,, untuk membuatnya kali ini saya sudah sediakan Link atau Sriptnya untuk membuat halaman loginnya,, kenapa,, karena kalau qt buat secara manual nanti untuk Passwordnya bakal ketahuan kalau di opensource,, hehehehehe CulasCulas 

Script :

<BODY>

<center><table border=1>
<tr><form name=members><td rowspan=4>
<select name=memlist size=10 onChange="showmem(this.form)">
<option selected value="Tolongg@lo|p4ssw0rd|tujuanku|">Tolongg@lo
</select></td>
<td align=right>User Name:</td><td><input type=hidden value="0" name=entry>
<input type=text name=memname size=9 value=""></td></tr>
<tr><td align=right>Password:</td><td><input type=text name=password size=9 maxlength=8><font size="-1"><-- Buatlah password sampai dengan 8 karakter dan gabungkan dengan karakter² angka, agar password tidak mudah ditebak</font></td></tr>
<tr><td align=right>Halaman Tujuan:</td><td><input type=text name=pagename size=9 maxlength=8><b>.php</b><font size="-1"><-- Usahakan mencapai 8 karakter (Tidak lebih, tidak kurang)</font></td></tr>
<tr><td colspan=2 align=center>
<input type=button value="Lihat Script" onclick="update(this.form); create(this.form);"></td></tr>
<tr><td colspan=3 align=center>
<input type=text size=70 name=message value="CATATAN : pada Halaman Tujuan usahakan mencapai 8 karakter (a-z)">
<input type=hidden name=num value=1></td>
</form></tr>
</table>
<hr size=2 width=75%>
<form name=js><textarea cols=75 rows=10 name=scrpt wrap=virtual>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var params=new Array(4);
var alpha="ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHI";
function check(form) {
which=form.memlist.selectedIndex;
choice = form.memlist.options[which].value+"|";
if (choice=="x|") {
alert("Silahkan pilih username yang ada didaftar");
return;
}
p=0;
for (i=0;i<3;i++) {
a=choice.indexOf("|",p);
params[i]=choice.substring(a,p);
p=a+1;
}
h1=makehash(form.pass.value,3);
h2=makehash(form.pass.value,10)+" ";
if (h1!=params[1]) {
alert("Password Salah!"); return; };
var page="";
for (var i=0;i<8;i++) {
letter=params[2].substring(i,i+1)
ul=letter.toUpperCase();
a=alpha.indexOf(ul,0);
a-=(h2.substring(i,i+1)*1);
if (a<0) a+=26;
page+=alpha.substring(a,a+1); };
top.location=page.toLowerCase()+".php";
}
function makehash(pw,mult) {
pass=pw.toUpperCase();
hash=0;
for (i=0;i<8;i++) {
letter=pass.substring(i,i+1);
c=alpha.indexOf(letter,0)+1;
hash=hash*mult+c;
}
return(hash);
}
// End -->
</script>


</textarea>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var params=new Array(4);
var script=document.js.scrpt.value;
document.js.scrpt.value="Ciptakan halaman login Username, Password, dan Halaman tujuan kamu dengan menggunakan alat bantu di atas. \n\nSetelah selesai, klik *Lihat Script* maka pada text area ini akan muncul satu coding yang telah di dimodifikasi sebelumnya dengan menggunakan info yang telah kamu masukan. \n\nHasilnya bisa kamu lakukan dengan mengcopy pastekan script tersebut ke notepad dan simpan dengan *terserah.html* \n\nUntuk info lebih lanjut bisa hubungi saya di via facebook *http://facebook.com/tolonggalo* (untuk yg sudah berteman) atau email *tolonggalo@facebook.com* (untuk yg belum berteman)";
var alpha="ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHI";
showmem(document.members);
function showmem(form) {
document.members.num.value=document.members.memlist.length;
var which=form.memlist.selectedIndex;
splt(form.memlist[which].value);
form.entry.value=which+1;
for (i=2;i<5;i++) {
form.elements[i].value=params[i-2]; };
}
function splt(choice) {
p=0;
for (i=0;i<3;i++) {
a=choice.indexOf("|",p);
params[i]=choice.substring(a,p);
p=a+1;
}
}
function addnew(form) {
newmem=getfields(form);
var who=prompt("New User's Name:","");
form.memlist[form.memlist.length] = new Option(who, newmem, false, true);
if (navigator.appName=="Netscape") {
document.js.scrpt.value=script;
history.go(0);
}
else {
showmem(document.members);
}
}
function getfields(form) {
newmem="";
for (i=2;i<5;i++) {
newmem+=form.elements[i].value+"|"; };
for (i=3;i<5;i++) {
a=form.elements[i];
for (k=0;k<8;k++) {
}
}
return(newmem);
}
function delthis(form) {
if (confirm("Delete "+form.memname.value+"?")) {
form.memlist.options[form.entry.value-1]=null;
form.message.value=form.memname.value+" Deleted";
form.memlist.selectedIndex=0;
if (navigator.appName=="Netscape") {
document.js.scrpt.value=script;
history.go(0);
}
else {
showmem(document.members);
}
}
}
function update(form) {
msg="no";
a=form.elements[i];
for (k=0;k<8;k++) {
b=a.value.substring(k,k+1);
c=b.toUpperCase();
form.memlist[form.entry.value-1].value=getfields(form);
form.message.value=form.memname.value+"' telah dimasukan";
}
}
function create(form) {

var html="<center><form name=login>\n";
html+="<table border=1 cellpadding=3>\n\n";
html+="<!-- Edited By Tolonggalo -->\n";
html+="<!-- Web Site: http://www.tolonggalo.tk -->\n";
html+="<!-- Contack Mail : iman@tolonggalo.tk -->\n";
html+='<tr><td colspan=2 align=center><font size="+2">';
html+='<b>Halaman Login!</b></font></td></tr>\n';
html+="<tr><td>Username:</td><td><select name=memlist>\n<option value='x'>";
for (j=0;j<form.memlist.length;j++) {
splt(form.memlist.options[j].value);
h1=makehash(params[1],3);
h2=makehash(params[1],10)+" ";
var page="";
for (var i=0;i<8;i++) {
letter=params[2].substring(i,i+1);
ul=letter.toUpperCase();
a=alpha.indexOf(ul,0);
a+=(h2.substring(i,i+1)*1);
page+=alpha.substring(a,a+1);
}
html+="\n<option value='"+params[0]+"|"+h1+"|"+page+"'>"+params[0];
};
html+="\n</select></td></tr>\n";
html+="<tr><td>Password:</td><td><input type=password size=10 maxlength=8 name=pass></td></tr>\n";
html+='<tr><td colspan=2 align=center><input type=button value="Login" onclick="check(this.form)"></td>\n';
html+="</tr>\n</table>\n</form>\n";
document.js.scrpt.value=html+script+"</center>";
}
function makehash(pw,mult) {
pass=pw.toUpperCase();
hash=0;
for (i=0;i<8;i++) {
letter=pass.substring(i,i+1);
c=alpha.indexOf(letter,0)+1;
hash=hash*mult+c;
}
return(hash);
}
// End -->
</script>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Copyleft (c) <a href="http://facebook.com/tolonggalo" target="_blank" title="My Facebook">Tolonggalo</a> 2011<br>
<a href="http://tolonggalo.tk">www.tolonggalo.tk</a></font>
</center><p>

Baca keterangan yang saya cantumkan,,,

Setelah Script untuk halaman loginnya terbuat, lalu save script tersebut dengan nama terserah.html, jadi terserah mau dinamain apa halaman loginnya.
Oke,,,Saya anggap kalian mengerti dan sudah membuat halaman loginnya

2. Pengalih  

Dimana halaman ini berfungsi sebagai pengalih, agar user yang masuk kesini otomatis akan di alihkan ke Alamat tujuan, apabila tidak melalui halaman ini maka user akan di alihkan ke halaman login,



<?php
session_start();

$errorMessage = '';
if (isset($_SERVER['REMOTE_ADDR'])) {
$_SESSION['pengalih'] = true;

header('Location: http://alamat.tujuan');
exit;
}
?>



Save dengan nama Halaman Tujuan yang sebelumnya kamu buat pada Link atau Script yang saya kasih pada nomor pertama, dengan ekstensi .php, pada "header('Location: http://alamat.tujuan');" yang ada dalam script tersebut nantinya ganti dengan Alamat tujuan yang kita maksud.

 3. Alamat Tujuan

Ini adalah alamat atau tujuan akhir user, dimana user bermasud untuk masuk ke dalam halaman ini, tapi karena qt memakai Halaman pengalih, sehingga tidak sembarang user yang dapat masuk ke halaman ini, untuk mengecek apakah user yang masuk telah melewati halaman pengalih maka qt gunakan script ini pada halaman tersebut.


<?php
session_start();

if (!isset($_SESSION['pengalih'])
|| $_SESSION['pengalih'] !== true) {

header('Location: nama-halaman-login.html');
exit;
}
?>






Lihat pada bagian ini "header('Location: nama-halaman-login.html');" ganti "nama-halaman-login.html" dengan nama halaman login yang telah kamu buat sebelumnya, ini maksudnya agar pada waktu user ingin masuk ke halaman ini dan tercatat bahwa user tidak melalui halaman pengalih maka user akan dialihkan ke Halaman login yang telah qt buat tersebut,, Ngertikan,, ya iyalah ngertilah,, kalau ngga negrti saya saranin "BUNUH DIRI AJA LOE,, BIKIN SUSAH AJA,,," wkwkwkwkwkwkwk,,, Ngakak Ngakak (Just Kidding)

Oke setelah semuanya telah dijelaskan diatas, maka saya harap apa yang saya jelaskan sudah dimengerti dan dipahami,, namun apabila masih ada yang belum dipahami, silahkan kamu bertanya dibawah,, selama saya masih bisa membantu maka saya bantu,, namun apabila saya tidak dapat bantu berati saya memang tidak bisa bantu, karena saya pun masih seorang newbie yang perlu banyak belajar.

Tidak ada komentar:

Posting Komentar

Post Bottom Ad

Responsive Ads Here

Pages