Trabalho Sobre a Biblioteca
JavaScript Mootools
Suane de Moura Isnardi
UC: Linguagens de Programação
Análise e Desenvolvimento de Sistemas, 3º Semestre/Noite
Sumário
•
•
•
•
•
Introdução ...........................................................................3
Conceitos ............................................................................4
Como Funciona ..................................................................5
Compatibilidade .................................................................6
Cenários Propostos ...........................................................7
• Primeiro Cenário ........................................................................7
• Funções Utilizadas ..................................................................................8
• Segundo Cenário ........................................................................9
• Funções utilizadas .......................................................................... .......10
•
Referências Bibliográfica.. ...............................................11
2
Introdução

Mootools é um framework de codigo aberto em
JavaScript, utilizado para a criação de aplicações web.

Características:
◦ Uma característica marcante é a qualidade de produção de
animações é bastante difundida e e tem uma série de
vantagens
◦ É um framework leve, modular e livre de erros
◦ Suportado por uma ampla comunidade, pois existem
varios desenvolvedores que utilizam com sucesso e criam
uma serie de componentes já prontos para utilizar nas
pagias web, como calendários, editores de texto etc ...
3
Conceitos

Como visto, Mootoos é um framework
JavaScript , que serve para criar facilmente
o código javaScript independente do
navegador, de uma forma rápida e direta
4
Como funciona

Realizar o download da biblioteca basta
acessar o site mootools.net/download

Após realizado o download voce irá incluir
em seu projeto o seguinte codigo, para a
utilização do framework:
<script src=”mootools1.1.js”
type=”text/javascript”></script>

5
Compatibilidade
Safari
 Internet Explorer
 Mozila Firefox
 Opera
 Camino

6
Cenários Propostos

Primeiro Cenário – Codigo Fonte
7
Funções utilizadas no primeiro
cenário

A função $(), que foi utilizada para receber
um objeto com um elemento da pagina

As bibliotecas Element.js dentro do pacote
chamado NATIVE
 Método setOpacity(), para alterar a transparencia de
um elemento.
 Método setStyle(), para alterar qualquer estilo css do
elemento.
8
Cenários Propostos

Segundo Cenário – Codigo Fonte
9
Funções utilizadas no segundo
cenário

Este exemplo utiliza o módulo chamado
Element.Dimensions.js, que tem dois métodos
para fazer o deslocamento:

Método scrollTo(): Serve para deslocar um
elemento a uma nova posição.

Método getSize(): Serve
dimensões de um elemento.
para
obter
as
10
Referências Bibliográficas

“Manual Mootools “, Miguel Agel Alvarez,
disponível em www.criarweb.com.br/manualmootools/, acessado em junho 2013.

“Download Mootools“,Valério Proietti,
disponível em mootools.net/download,
acessado em junho 2013.

“Jquery x Mootools”, Aaron Newton,
disponível em www.jqueryvsmootools.com ,
acessado em junho 2013.
11