Trabalho Sobre a Biblioteca JavaScript Mootools

Suane de Moura Isnardi

UC: Linguagens de Programação

Análise e Desenvolvimento de Sistemas, 3º Semestre/Noite

2

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

3

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

4

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

5

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>

6

Compatibilidade

Safari Internet Explorer Mozila Firefox OperaCamino

7

Cenários PropostosPrimeiro Cenário – Codigo Fonte

8

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.

9

Cenários PropostosSegundo Cenário – Codigo Fonte

10

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 para obter as dimensões de um elemento.

11

Referências Bibliográficas“Manual Mootools “, Miguel Agel Alvarez,

disponível em www.criarweb.com.br/manual-mootools/, 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.