Vibe Mídia
Liberdade de conhecimento web
XAJAX ainda melhor com novas funções
Publicado em Desenvolvimento, Ferramentas, Livre por John-Henrique às 11:29 am |
Muito já foi publicado sobre este framework, mas, pouco se divulgou sobre suas funções extras, neste vou trabalhar com algumas funcionalidades existentes no XAJAX desde sua versão inicial, são funções muito úteis.
Caso você não conheça o XAJAX ou não sabe como utiliza-lo visite XAJAX em 7 etapas, baixe a última versão do XAJAX.
Redirecionar url
Em alguns sistemas necessitamos realizar alguma ação seja ela inserção ou remoção e em seguida temos que redirecionar para outra página ou url, muita gente tem feito isso utilizando uma mistura entre o XAJAX e o Java script o que deixa o código meio “bagunçado”, isso ocorria, pois a pessoa não conhecia a função addRedirect().
addRedirect (string $sURL, integer $iDelay)
Esta função realiza o redirecionamento para a url informada em $sURL, caso você precise realizar alguma ação, exibir alguma informação ou aguardar alguns instantes antes de redirecionar você pode informar em segundos o tempo que deve ser aguardado através da variável $iDelay, esta opção opcional.
<?PHP if($url != ""){ // CASO NÃO EXISTA UMA URL REDIRECIONA O USUÁRIO PARA A HOME }else{ // REDIRECIONA O USUÁRIO PARA A PÁGINA ONDE ELE SE ENCONTRAVA ANTERIORMENTE } return $res -> getXML();
function redireciona($url){
$res = new xajaxResponse();
$res -> addRedirect("http://www.vibemidia.com/blog/", 4);
$res -> addRedirect($url);
}
?>
Executar funções Java script
Caso você precise executar uma pequena função JS, você pode utilizar addScript().
addScript (string $sJS)
Esta função permite que você execute um pequeno script ou função JS, para isso você precisa informar em $sJS o script a ser executado algo como:
<?PHP $res -> addScript("document.getElementById(’login’).focus()"); return $res -> getXML();
function focus($url){
$res = new xajaxResponse();
}
?>
Isso faria com que o campo login receber o foco. Muito útil para páginas onde o login é requerido.
Remover elementos ou tags HTML
Imagine que em determinada página você tem uma div ou tabela (ainda usam isso) para informar alguma mensagem para o usuário e você precisa remover este item, pode ser utilizada a função addRemove().
addRemove (string $sTarget)
Informe em $sTarget o id do elemento a ser removido.
<?PHP
function remove($strElemento){
$res = new xajaxResponse();
if($strElemento != ""){
$res -> addRemove($strElemento);
}else{
$res -> addAlert("Nenhum elemento informado!");
}
return $res -> getXML();
}
?>
<input name="botao" id="botao" value="Botão" onclick="xajax_ remove (this.id);" type="submit" />
<p id="div" onclick="xajax_ remove (’div’);">Div</p>
Criando novos elementos
Imagine agora que precisamos fazer o contrário do caso anterior, precisamos adicionar um novo elemento, podemos utilizar a função addInsetInputAfter(), este elemento será um campo de texto onde a pessoa irá digitar sua senha no momento do cadastro.
<?PHP
function verifica($strLogin){
$res = new xajaxResponse();
// SUA CONSULTA SQL PARA VERIFICAR DISPONIBILIDADE
// SIMULANDO QUE O LOGIN demo JA EXISTA
if($strLogin == "demo"){
$res -> addAlert("login indisponível!");
}else{
$res -> addInsertInputAfter("usuario", "text", "senha", "senha");
}
return $res -> getXML();
}
<form id="form1" name="form1" method="post" action="">
<label id="user">Usuário<br />
<input name="usuario" type="text" id="usuario" />
</label>
<input type="button" name="Button" value="Verificar disponibilidade" onclick="xajax_verifica(document.getElementById('usuario').value)" />
</form>
Em breve publicarei mais informações e dicas para trabalhar AJAX com XAJAX.
O autor se reserva ao direito de não permitir a reprodução deste conteúdo.
2 comentários:
17th, Abril de 2007 às 10:00
Muito bom o artigo.
Pena que os exemplo são de versões antigas, provavelmente a 2.4.
A versão atual hoje é 5.2 beta.
Que está bem melhor e mais elaborada e ainda tme possibilidade de incluir plugins.
Abraços.
17th, Abril de 2007 às 13:45
Realmente as funções apresentadas aqui estão disponíveis desde a versão 2.4, porém, achei que seria meio que inviável citar as novas funcionalidades da última versão sem antes citar as antigas que no inicio do artigo eu informei que elas ainda estão “deconhecidas” e seria uma forma de complementar o aprendizado.
Abraços!