Exemplo de uso
<script type="text/javascript" src="../scripts/prototype.js"></script>
<script type="texto/javascript">
var progressBar;
/**//*
* Função: login de administrador
*/
função UserLogin()
{
//Verifica os controles da página
var checkform = new CheckForm();
if(!checkform.checkForm(document.getElementById('formLogin'))) retorna falso;
//Começa a enviar dados
progressBar = new ProgressBar();
progressBar.SetStatus("Enviando dados ao servidor.");
var url = "../admin.do";
var pars = "action=Login&nomedeusuário=" + $F('nomedeusuário') + "&senha=" + $F('senha') + "&rnd=" +$F('rnd');
var meuAjax = new Ajax.Request(
url,
{método: 'post', parâmetros: pars, onComplete: UserLogin_CallBack}
);
}
/**//*
* Função: login de administrador - CallBack
*/
função UserLogin_CallBack(originalRequest)
{
var objXml = originalRequest.responseXML;
//alert(originalRequest.responseTEXT);
tentar
{
if(objXml.getElementsByTagName("return")[0].firstChild.nodeValue == "true")
{
progressBar.isNeedConfirmButton = falso;
progressBar.isNeedProgressBar = verdadeiro;
progressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> Login bem-sucedido, carregando, aguarde..");
//login bem-sucedido.
localização.href='admin_index.htm';
}
outro
{
progressBar.isNeedConfirmButton = verdadeiro;
progressBar.isNeedProgressBar = falso;
progressBar.focusItem = "nome de usuário";
progressBar.SetStatus("<img src='../images/error.gif' align='absmiddle'> Desculpe, falha no login!" + objXml.getElementsByTagName("msg")[0].firstChild.nodeValue
$
);('btnOK').disabled = falso;
}
}
pegar (errar)
{
progressBar.isNeedConfirmButton = verdadeiro;
progressBar.isNeedProgressBar = falso;
progressBar.focusItem = "nome de usuário";
error.gif
' align='absmiddle'> Desculpe, falha no login!" + err.message);
}
}
</script>
<table width="100%" border="0" cellpadding="3" cellpacing="0">
<tr>
<td colspan="3" height="30"></td>
</tr>
<tr>
<td width="21%">Nome de usuário:</td>
<td colspan="2">
<input type="text" tabindex="1" id="username" name="username" chname="username" notepty="true" size="20" style="width:180px;" /></ td >
</tr>
<tr>
<td>Senha:</td>
<td colspan="2"><input type="senha" tabindex="2" id="senha" name="senha" chname="senha" notempty="true" size="20" style="largura: 180px;" /></td>
</tr>
<tr>
<td>Código de verificação:</td>
<td colspan="2">
<input type="text" style="width:120px;" id="rnd" tabindex="3" chname="Código de verificação" class="input_1" notepty="true" onKeyUp="value=value.replace( /[^d]/g,'')"/>
<img alt="Código de verificação" src="../rnd.do?type=admin_rnd" border="0" usemap="absmiddle"/></td>
</tr>
<tr>
<td class="branco"> </td>
<td width="22%"><input type="submit" Class="input_1" id="btnOK" value="Login" tabindex="4"></td>
<td width="57%"><input type="reset" Class="input_1" value="Reset"></td>
</tr>
<tr>
<td colspan="3" height="2"></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>
download de protótipo.js http://edzh.com/scripts/prototype.js