آموزش قراردادن کلمه عبور (password) برای بخشی از سایت خود
اگر شما اطلاعات کمی از جاوا اسکریپت دارید میتوانید از قسمت اول این آموزش صرف نظر کنید.
برای قراردادن کلمه عبور بر روی قسمتی از سایت خود،لازم است کمی از جاوا اسکریپت استفاده نمایید. من در اینجا قصد آموزش زبان جاوا به صورت کامل را ندارم. در صورتی که علاقمند به یادگیری این زبان هستید میتوانید از وب سایت http://www.webmonkey.com (زبان سایت انگلیسی است) یا کتاب استفاده نمایید.
1- ایجاد فرم:
ابتدا احتیاج به یک فرم داریم که در آن یک محل برای وارد کردن پسورد (text input) و یک کلید برای ارسال پسورد به بانک سایت در نظر بگیریم.
برای ایجاد این فرم ما میتواتیم از کدهایی شبیه به کدهای زیر استفاده کنیم.
<form name="pass">
<input type="password" name="userpass">
<input type="submit" value="Enter Now >>>">
</form>
با وارد کردن کدهای فوق فرم شما به این شکل میشود:
2- کدهای جاوا برای کنترل افرادی که مجاز به ورود نیستند:
ابتدا در قسمت Head عبارات زیر را وارد کنید. توجه داشته باشید که مابین دو براکت را بعدا با کدهای مربوطه پر میکنیم.
<script language="JavaScript">
<!--
//-->
</script>
کدهای زیر را بین دو براکت به شکل زیر وارد کنید.
<script language="JavaScript">
<!--
function passcheck() {
if (document.pass.userpass.value.toLowerCase=="paper") {
location.href="welcome.html";
} else {
location.href="again.html";
}
}
//-->
</script>
برنامه کوچک جاوا اسکریپت شما کامل شده است. وقتی شما پسورد خود را با حروف کوچک تایپ کنید و پسورد موجود باشد به صفحه welcome.html میروید در غیر این صورت به صفحه again.html میروید.
میتوانید کدهای زیر را در ادیتور خود وارد کنید تا هم فرم و جاوا اسکریپت را یکجا و براحتی ایجاد کنید (برای تنبل تر ها J ):
<html>
<head>
<script language="JavaScript">
<!--
function passcheck() {
if (document.pass.userpass.value.toLowerCase=="paper") {
location.href="welcome.html";
} else {
location.href="again.html";
}
}
//-->
</script>
<title>Your Title Here</title>
</head>
<body>
<form name="pass">
<input type="password" name="userpass">
<input type="submit" value="Enter Now >>>">
</form> </body>
</html>
حالا فقط کافیست صفحات welcome.html , again.html را بسازید و در سایت خود قرار دهید.
3- برای امنیت بیشتر:
به منظور بالا بردن امنیت صفحه ساخته شده خود جهت کنترل پسوردهایی که وارد میشود به روش زیر عمل کنید.
یک صفحه جدید در ادیتور خود ایجاد کنید. فقط کدهای جاوا اسکریپت را در آن وارد کرده و به نام pass.js ذخیره نمایید. سپس به صفحه پسورد خود مراجعه کرده و قسمت Header کدهای جاوا اسکریپت را با عبارت زیر جایگزین نمایید :
<script language="JavaScript" src="pass.js"></script>
فراموش نکنید "pass.js" را با نام فایل جاوا اسکریت خود عوض کنید.
نمونه برنامه :
پی نوشت: درج این آموزش با نام نویسنده و درج نام سایت www.majidonline.com و ایمیل R_Chizari@hotmail.com بلامانع میباشد.
نویسنده و مترجم: رضاچیذری
