使用例
<script type="text/javascript" src="../scripts/prototype.js"></script>
<script type="text/javascript">
var progressBar;
/**//*
* 機能: 管理者ログイン
*/
関数 UserLogin()
{
// ページ コントロールを検証する
var checkform = 新しい CheckForm();
if(!checkform.checkForm(document.getElementById('formLogin'))) は false を返します。
//データの送信を開始します
progressBar = 新しい ProgressBar();
progressBar.SetStatus("データをサーバーに送信しています。");
var url = "../admin.do";
var pars = "action=Login&username=" + $F('username') + "&password=" + $F('password') + "&rnd=" +$F('rnd');
var myAjax = 新しい Ajax.Request(
URL、
{メソッド: 'post'、パラメータ: pars、onComplete: UserLogin_CallBack}
);
}
/**//*
* 機能: 管理者ログイン - CallBack
*/
関数 UserLogin_CallBack(originalRequest)
{
var objXml = オリジナルリクエスト.responseXML;
//alert(originalRequest.responseTEXT);
試す
{
if(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 = "ユーザー名";
=
'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>
<table width="100%" border="0" cellpadding="3" cellpacing="0">
<tr>
<tdcolspan="3" height="30"></td>
</tr>
<tr>
<td width="21%">ユーザー名:</td>
<tdcolspan="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="password" tabindex="2" id="password" name="password" chname="password" notempty="true" size="20" style="width: 180px;" /></td>
</tr>
<tr>
<td>確認コード:</td>
<tdcolspan="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"> </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>
<tdcolspan="3" height="2"></td>
</tr>
<tr>
<tdcolspan="3"></td>
</tr>
</table>
プロトタイプ.js ダウンロードhttp://edzh.com/scripts/prototype.js