แก้ไข Prototype.js เพิ่มแถบความคืบหน้าและช่องป้อนข้อมูลการยืนยัน

ตัวอย่างการใช้งาน
<script type="text/javascript" src="../scripts/prototype.js"></script>
<script type="text/javascript">
var แถบความคืบหน้า;
-
* ฟังก์ชั่น: เข้าสู่ระบบผู้ดูแลระบบ
-
ฟังก์ชั่น UserLogin()
-

//ตรวจสอบการควบคุมเพจ
แบบฟอร์มตรวจสอบ var = แบบฟอร์มตรวจสอบใหม่ ();
if(!checkform.checkForm(document.getElementById('formLogin'))) กลับเท็จ;

//เริ่มส่งข้อมูล
ProgressBar = ProgressBar ใหม่();
ความคืบหน้าBar.SetStatus("กำลังส่งข้อมูลไปยังเซิร์ฟเวอร์");

var url = "../admin.do";
var pars = "action=Login&username=" + $F('ชื่อผู้ใช้') + "&password=" + $F('password') + "&rnd=" +$F('rnd');
var myAjax = Ajax.Request ใหม่ (
URL,
{method: 'โพสต์' พารามิเตอร์: pars, onComplete: UserLogin_CallBack}
-
-
-
* ฟังก์ชั่น: เข้าสู่ระบบผู้ดูแลระบบ - โทรกลับ
-
ฟังก์ชั่น UserLogin_CallBack (คำขอดั้งเดิม)
-
var objXml = originalRequest.responseXML;
//alert(OriginalRequest.responseTEXT);
พยายาม
-
if(objXml.getElementsByTagName("return")[0].firstChild.nodeValue == "จริง")
-
ProgressBar.isNeedConfirmButton = เท็จ;
ProgressBar.isNeedProgressBar = จริง;
ความคืบหน้าBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> เข้าสู่ระบบสำเร็จ กำลังโหลด โปรดรอสักครู่..");

//เข้าสู่ระบบสำเร็จ
location.href='admin_index.htm';
-
อื่น
-
ความคืบหน้าBar.isNeedConfirmButton = จริง;
ProgressBar.isNeedProgressBar = เท็จ;
ความคืบหน้าBar.focusItem = "ชื่อผู้ใช้";

=

'absmiddle'> ขออภัย การเข้าสู่ระบบล้มเหลว!" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue);

('btnOK').ปิดการใช้งาน = เท็จ;
-
-
จับ(ผิดพลาด)
-
ความคืบหน้าBar.isNeedConfirmButton = จริง;
ProgressBar.isNeedProgressBar = เท็จ;
ความคืบหน้าBar.focusItem = "ชื่อผู้ใช้";
ความคืบหน้าBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> ขออภัย การเข้าสู่ระบบล้มเหลว!" + err.message);

$('btnOK').disabled = false;
-
-
</สคริปต์>

<ความกว้างของตาราง="100%" border="0" cellpadding="3" cellspacing="0">
<tr>
<td colspan="3" height="30"></td>
</tr>
<tr>
<td width="21%">ชื่อผู้ใช้:</td>
<td colspan="2">
<input type="text" tabindex="1" id="username" name="username" chname="username" notempty="true" size="20" style="width:180px;" /></ td >
</tr>
<tr>
<td>รหัสผ่าน:</td>
<td colspan="2"><input type="รหัสผ่าน" tabindex="2" id="password" name="password" chname="password" notempty="true" size="20" style="width: 180px;" /></td>
</tr>
<tr>
<td>รหัสยืนยัน:</td>
<td colspan="2">
<input type="text" style="width:120px;" id="rnd" tabindex="3" chname="รหัสยืนยัน" class="input_1" notempty="true" onKeyUp="value=value.replace( /[^d]/g,'')"/>
<img alt="รหัสยืนยัน" src="../rnd.do?type=admin_rnd" border="0" usemap="absmiddle"/></td>
</tr>
<tr>
<td class="white">&nbsp;</td>
<td width="22%"><input type="submit" Class="input_1" id="btnOK" value="เข้าสู่ระบบ" tabindex="4"></td>
<td width="57%"><input type="reset" Class="input_1" value="รีเซ็ต"></td>
</tr>
<tr>
<td colspan="3" height="2"></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>

Prototype.js ดาวน์โหลด http://edzh.com/scripts/prototype.js