مثال الاستخدام
<script type="text/javascript" src="../scripts/prototype.js"></script>
<نوع البرنامج النصي = "نص/جافا سكريبت">
فار التقدم بار؛
/**//*
* الوظيفة: تسجيل دخول المشرف
*/
وظيفة دخول المستخدم ()
{
// التحقق من عناصر التحكم في الصفحة
var checkform = new CheckForm();
if(!checkform.checkForm(document.getElementById('formLogin'))) يُرجع false;
// ابدأ في إرسال البيانات
progressBar = new ProgressBar();
progressBar.SetStatus("إرسال البيانات إلى الخادم.");
فار url = "../admin.do";
var pars = "action=Login&username=" + $F('username') + "&password=" + $F('password') + "&rnd=" +$F('rnd');
فار myAjax = جديد Ajax.Request(
عنوان URL,
{الطريقة: 'نشر'، المعلمات: بارس، onComplete: UserLogin_CallBack}
);
}
/**//*
* الوظيفة: تسجيل دخول المسؤول - رد الاتصال
*/
وظيفة UserLogin_CallBack(originalRequest)
{
var objXml = originalRequest.responseXML;
//alert(originalRequest.responseTEXT);
يحاول
{
إذا (objXml.getElementsByTagName("return")[0].firstChild.nodeValue == "true")
{
progressBar.isNeedConfirmButton = false;
progressBar.isNeedProgressBar = true;
progressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> تم تسجيل الدخول بنجاح، جارٍ التحميل، برجاء الانتظار..")
;
location.href='admin_index.htm';
}
آخر
{
progressBar.isNeedConfirmButton = true;
progressBar.isNeedProgressBar = false;
progressBar.focusItem = "اسم المستخدم";
progressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> آسف، فشل تسجيل الدخول!" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue
$
);('btnOK').disabled = false;
}
}
قبض على (خطأ)
{
progressBar.isNeedConfirmButton = true;
progressBar.isNeedProgressBar = false;
progressBar.focusItem = "اسم المستخدم";
progressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> عذرًا، فشل تسجيل الدخول!" + err.message);
$('btnOK').disabled = false;
}
}
</script>
<عرض الجدول = "100%" الحدود = "0" خلية الحشو = "3" تباعد الخلايا = "0">
<تر>
<td colspan="3" height="30"></td>
</tr>
<تر>
<td width="21%">اسم المستخدم:</td>
<td كولسبان = "2">
<نوع الإدخال = "نص" tabindex = "1" id = "اسم المستخدم" اسم = "اسم المستخدم" chname = "اسم المستخدم" notempty = "true" size = "20" style = "width:180px؛" /></ td >
</tr>
<تر>
<td>كلمة المرور:</td>
<td colspan = "2"> <input type = "password" tabindex = "2" id = "password" name = "password" chname = "password" notempty = "true" size = "20" style = "width: 180 بكسل;" /></td>
</tr>
<تر>
<td>رمز التحقق:</td>
<td كولسبان = "2">
<نوع الإدخال = "نص" نمط = "العرض: 120px؛" معرف = "rnd" tabindex = "3" chname = "رمز التحقق" فئة = "input_1" notempty = "true" onKeyUp = "value=value.replace( /[^d]/g,'')"/>
<img alt="رمز التحقق" src="../rnd.do?type=admin_rnd" border="0" usemap="absmiddle"/></td>
</tr>
<تر>
<td class="white"> </td>
<td width="22%"><input type="submit" Class="input_1" id="btnOK" value="تسجيل الدخول" tabindex="4"></td>
<td width="57%"><نوع الإدخال = "إعادة تعيين" Class = "input_1" value = "إعادة تعيين"></td>
</tr>
<تر>
<td colspan="3" height="2"></td>
</tr>
<تر>
<td colspan="3"></td>
</tr>
</table>
تنزيل Prototype.js http://edzh.com/scripts/prototype.js