Mootools

6
Mootools Adriano Godoy www.adrianogodoy.com

Transcript of Mootools

Page 1: Mootools

Mootools

Adriano Godoywww.adrianogodoy.com

Page 2: Mootools

Principais características:

Orientada a objetos

Versão atual: 1.2

Arquivo compactado (YUI Compressor): 60kb

Modular

Baseado em Prototype

Page 3: Mootools

Exemplo: Requisição Ajax

<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>

Page 4: Mootools

Métodos objeto window: getWidth() e getHeight() (ao invés de document.documentElement.clientWidth)

Arrays ganharam novos métodos como forEach, extend, associate, remove.

Elementos ganharam também getParent(), getTag(), getValue(), injectBefore(), injectAfter(), e muito mais.

Page 5: Mootools

Família Mootools: moo.rd – extende funcionalidades, principalmente no que se refere á parte visual. http://www.moord.it/

moofilm – tooltips para imagens (legenda, link...). http://netjard.de/labs/moofilm/index.html

mooSocialize – forma elegante de bookmarks. http://www.artviper.net/moosocialize.php

mooColorFinder – Pega todas as cores utilizadas em um website. http://www.artviper.net/colorfinder.php

Calendar – http://www.electricprism.com/aeron/calendar/

http://www.dotes.com.br/mootools/

Page 6: Mootools

Bibliografia:

http://gujs.com.br http://mootools.net/slickspeed/ http://www.neoframework.org