JavaScript - Funções de Atalho

2006-10-24T15:32:00.000-03:00

Desde o começo de minha carrera na web eu nunca fui um amigo íntimo de bibliotecas ou frameworks alheios. Sempre desenvolvi minhas funções com intuito de estar sabendo onde resolver qualquer problema que por ventura acontecesse, e também poder moldar o que fosse preciso.

Hoje em dia existem algumas funções que sempre estão no meu ".js", como $i(), $n(), $x(), $t() etc. Além, é claro, da função que mais me ajuda nas horas das necessidades, enviaAjax().

Essas funções eu uso como funções de atalho, pois com elas eu não preciso ficar digitando um bando de código milhares de vezes numa aplicação pra web.

Vou listar as funções que eu mais uso pra que vocês possam usar, ou até mesmo criar suas próprias funções a partir das minhas.

Método	Atalho	Função
document.getElementById( "id" )	$i( "id" )	Captura o objeto com o id referente
document.getElementsByName( "nome" )	$n( "nome" )	Captura o objeto com o nome referente. Retorna um vetor
objeto.getElementsByTagName( "tag" )	$t( objeto, "tag" )	captura o objeto com o a tag referente. Normalmente o parametro objeto é um reponseXML Retorna um vetor
$t( "tag" ).firstChild.nodeValue	$x( $t( "tag" )[0] )	Retorna o valor que está dentro da tag refererida pela função $t()

Além dessas funções de atalho simples, eu uso a função enviaAjax( url, parametros, funcaoRetorno ) que como deve-se notar, serve para enviar uma requesição ao servidor ( XmlHttpRequest ).

function $i(i) { if (i) return document.getElementById(i); }
function $n(n) { if (n) return document.getElementsByName(n); }
function $t(x,t) { if (x) return x.getElementsByTagName(t); }
function $z(x) { if (x) return x.firstChild.nodeValue; }

function AjaxOpen( ) {
 /* Abre o objeto AJAX */
 try { ajax = new ActiveXObject("Microsoft.XMLHTTP"); }
 catch(e) {
  try {ajax = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch(e) {
   try {ajax = new XMLHttpRequest();}
   catch(e) {ajax = null;}
  }
 }
 this.obj = ajax;
}

function enviaAjax( url, param, func ) {
 if(obj = this.obj) { /* Se o objeto Existir */
  obj.open( "POST", url, true);
  obj.setRequestHeader( "content-type", "*/*" );
obj.setRequestHeader( "connection", "close" );
  obj.onreadystatechange = function() {
   if(obj.readyState == 4 ) {
    xml = obj.responseXML; /* retorna o xml */
    xmlt = xmlt; /* retorna texto plano */
    try { func(xml,xmlt); }
    catch (ex) { }
   }
  }
  obj.send(param);
 }
}

enviaAjax.prototype = new AjaxOpen();

O segundo parametro da função enviaAjax (param) são os dados q serão enviados, por exemplo, se o metodo fosse GET (pagina.php?nome=rafael&sobrenome=lucio) a função seria chamada da seguinte forma: enviaAjax( "pagina.php", "nome=rafael&sobrenome=lucio", funcaoReceptora )

Essa funcaoReceptora ficará da seguinte forma:

funcaoReceptora( xml, xmlt ) {

alert( xmlt );

}

Dessa forma será alertado em texto plano o que o servidor respondeu.

O restante é sintaxe em si, qualquer dúvida podem postar aqui que, na medida do possível estarei respondendo.

Apresentação

2006-10-03T18:23:00.000-03:00

Bom galera aqui é o Rafael Lúcio mais conhecido como poste9, isso mesmo aquele do IRC, sou programador e desenvolvo pra web a nao muito tempo.

Tenho 19 anos e estou aqui para poder compartilhar um pouco do conhecimento que colhi nesses ultimos tempos com relação a Web 2.0 e outros assuntos também.

Espero que tudo dê certo e dizer que, a partir de agora, na medida do possível, estarei ajudando o pessoal que estiver com dúvidas em alguns assuntos cujo domínio esteja próximo de mim.

Qualquer tipo de sujestão/crítica será bem vinda, principalmente crítica.
Um abraço e até mais!

XHR Development

JavaScript - Funções de Atalho

Apresentação