<script src="mootools.js" type="text/javascript"></script>
<script type="text/javascript">
    var url = "./inc/ajax_processa.php";
    var params = {operacao: 'excluiUsuario', idUsuario: '50'};
    /*
    o postBody pode receber tanto uma querystring
    ("operacao=excluiUsuario&idUsuario=50"), um objeto,
    como no exemplo, ou então um elemento form
    */
    var myAjax = new Ajax(url, {method: 'post', postBody: params}).request();
</script>

Além de Ajax, o MooTools tem muitos outros recursos. Por exemplo, para quem já precisou pegar o tamanho da janela, sabe que é um problema para ser cross-browser, usando document.documentElement.clientWidth ou document.body.clientWidth. Você não teria esse problema. Apenas dar o include no arquivo do mootools, e o objeto window terá dois novos métodos: getWidth() e getHeight(). Muito interessante neh.

Algumas funções auxiliares também foram adicionados nos objetos javascript, como o método “trim()” em todas as strings, métodos de conversão de QueryString para Objeto JSON e vice-versa. Arrays ganharam novos métodos como forEach, extend, associate, remove. Elementos ganharam também getParent(), getTag(), getValue(), injectBefore(), injectAfter(), e muito mais.

Ainda não explorei tanto, mas uma coisa que dá pra notar é que o framework se propõe a facilitar ainda mais o dia-a-dia com JavaScript. Por favor, gostaria que comentassem a opinião dos leitores sobre o Mootools. Para quem não conhece, vale a pena pelo menos dar uma olhada.

Para utilizar a classe, basta importar o arquivo js e instanciar um objeto que estará associado à sua lista. Feito isso você pode criar seus próprios links para manipular os eventos de ordenação da lista (mover para cima ou para baixo). Veja o exemplo abaixo:

var bozo;

function init() { bozo = new SortableList($('list')); } //<ul id="list">

window.onload = init;

Ao instanciar o SortableList você também pode definir duas opções interessantes:

• A primeira é o “rotate”, que define se os itens vão girar ou não (true ou false), ou seja, se o primeiro da lista vai para baixo quando o usuário clicar para cima, e vice-versa, quando o último item se torna o primeira ao clicar para baixo.
• E a segunda é o onComplete, onde você pode setar uma função que será executada toda vez que a lista for reordenada. Nesta função você pode, por exemplo, fazer uma requisição Ajax que salvará a ordenação no seu banco de dados, onde você pode, para isso, acessar o atributo “list“, que contém a lista ordenada.

Exemplo | Download

Veja abaixo um exemplo bem prático.

function Objeto() {
  /* membros privados */
  var atributoPrivado = 'atributo privado';
  var metodoPrivado = function() {
    return 'método privado';
  }

  /* membros públicos */
  this.atributoPublico = 'atributo público';
  this.metodoPublico = function() {
    return 'método público';
  }
}
var obj = new Objeto();
alert(obj.atributoPublico); //retorno = 'atributo público'
alert(obj.metodoPublico()); //retorno = 'método público'
alert(obj.atributoPrivado); //retorno = undefined
alert(obj.metodoPrivado()); //retorno = 'obj.metodoPrivado' is not a function

Se você copiar este código e executá-lo, notará que no terceiro alert dará um erro. Isso porque o atributo é privado, e não pode ser acessado externamente. Se comentar esta linha o último alert também dará um erro pois, da mesma forma, o método privado também não pode ser acessado fora da classe.

Os dois primeiros alerts funcionarão perfeitamente, pois foram declarados como públicos na classe Objeto().