Faça o curso: jQuery na Prática

Desenvolvimento, tecnologia e mobilidade são assuntos do Ambiente Tecnologia, um dos três que fazem parte do InterCon 2009. Na área Desenvolvimento & Tecnologia, que tem curadoria de Paulo Michelazzo, da Fábrica Livre, estão em pauta Google Wave, Abilo Dream Extreme, Opera Unite, Metodologias Ágeis e Yahoo! Query Language, palestra que será ministrada por Bruno Zanchet, da Equipe Yahoo! UI. Nesse artigo você confere um pouco dessa ferramenta. Não deixe de fazer sua inscrição no InterCon e participar de uma discussão aprofundada sobre o framework YUI.

O que é o YUI?

YUI é um biblioteca de conjuntos de utilitários e controles construída pelo Yahoo!, escrita em JavaScript, para construção de aplicações web interativas e ricas, através de técnicas como o DOM scripting, DHTML e AJAX. YUI está disponível sob uma licença BSD e é grátis para todas as utilizações.

Se quiser saber um pouco mais sobre framework YUI, clique aqui.

Utilitário Evento: Evento simples de manipulação e de transformação

Nesse artigo, iremos utilizar a propriedade "YAHOO.util.Event.addListener" que é encontrada nas bibliotecas "build/event/event-min.js" e "build/yuiloader/yuiloader-min.js"

O YUI Event Utility é um simples e poderoso recurso para a criação de eventos de aplicações no navegador. Iremos também verificar o evento que poderá ser usado dentro de um manipulador de eventos para proporcionar maior controle.

Para ilustrar, vamos criar três caixas através de div's e três mensagens de alerta. Quando ocorrer eventos do tipo click, over ou out do mouse, aparecerá uma mensagem. Preste atenção que não será colocado nenhum tipo de código javascript incorporado no HTML.

Abaixo o código HTML

Foram criados 3 div's com identificadores, nós iremos criar um arquivo js para referenciarmos os controles do yui com o HTML.  

Abaixo o script exemplo.js

Estudando melhor o código, dá para ter idéia de como fica mais lógico e entendido trabalhar com o framework YUI.

Esse simples exemplo servirá como parâmetro para desenvolvermos aplicações mais complexas que irei disponibilizar nos próximos artigos:

• Carrossel de Noticias no YUI
• Calendário de eventos do YUI

Abraços e até a próxima.