Пример использования
<script type="text/javascript" src="../scripts/prototype.js"></script>
<тип сценария="текст/javascript">
вар ProgressBar;
/**//*
* Функция: вход администратора
*/
функция UserLogin()
{
//Проверяем элементы управления страницей
вар 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');
вар myAjax = новый Ajax.Request(
URL,
{метод: 'post', параметры: pars, onComplete: UserLogin_CallBack}
);
}
/**//*
* Функция: вход администратора - обратный вызов
*/
функция UserLogin_CallBack(originalRequest)
{
вар objXml = originalRequest.responseXML;
//предупреждение(originalRequest.responseTEXT);
пытаться
{
if(objXml.getElementsByTagName("return")[0].firstChild.nodeValue == "true")
{
ProgressBar.isNeedConfirmButton = ложь;
ProgressBar.isNeedProgressBar = правда;
ProgressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> Вход успешен, загрузка, подождите..");
// вход успешен.
location.href='admin_index.htm';
}
еще
{
ProgressBar.isNeedConfirmButton = правда;
ProgressBar.isNeedProgressBar = ложь;
ProgressBar.focusItem = "имя пользователя";
ProgressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> Извините, вход не удался!" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue)
; ('btnOK').disabled = ложь;
}
}
поймать (ошибиться)
{
ProgressBar.isNeedConfirmButton = правда;
ProgressBar.isNeedProgressBar = ложь;
ProgressBar.focusItem = "имя пользователя";
ProgressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> Извините, вход не удался!" + err.message);
$('btnOK').disabled = false;
}
}
</скрипт>
<table width="100%" border="0" cellpadding="3" cellpacing="0">
<тр>
<td colspan="3" height="30"></td>
</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>
<тр>
<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 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>
<тр>
<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="Reset"></td>
</tr>
<тр>
<td colspan="3" height="2"></td>
</tr>
<тр>
<td colspan="3"></td>
</tr>
</table>
Prototype.js скачать http://edzh.com/scripts/prototype.js