Gecko DOM Code Hints 0.3

Na versão anterior, 0.2, o Code Hints funcionava apenas nos documentos do tipo JavaScript. Nesta versão, 0.3, o Code Hints está disponível em todos os tipos de documentos.

freeDOM.js in DW 0.2

Nesta versão, 0.2, foi adicionada todas as funções da freeDOM.js e ela também trabalhará em todos os tipos de documentos no Dreamweaver.

Downloads

• Gecko DOM Code Hints 0.3
• freeDOM.js in DW 0.2

Mais informações sobre o w3FormValidation.

Os bugs estão relacionados a duplicação dos itens que apareciam na lista do Code Hints.

Leia o poste relacionado a versão 0.1 – Gecko DOM Code Hints – Extensão para o Dreamweaver

Mais informações sobre a Gecko DOM Code Hints no meu Labs.

Faça o download da Gecko DOM CodeHints versão 0.2.

A Gecko DOM Code Hints é uma iniciativa minha em oferecer Code Hints ao se trabalhar com o DOM no Dreamweaver. Inicialmente nesta versão inicial 0.1, você terá Code Hints para todos os métodos e propriedades do objeto document. Além do Code Hints há algumas tooltips dos métodos do objeto document.

Exemplo de uso

Ao digitar o prefixo: “document.” (sem aspas) o Dreamweaver exibirá um menu popup com os métodos e propriedades do objeto document. Como demonstrado na imagem abaixo:

Agora, veja um exemplo da tooltip para lhe ajudar no preenchimento dos parâmetros dos métodos.

Faça o download da Gecko DOM CodeHints versão 0.1.

Aguardo seu feedback

w3Opacity são recursos em JavaScript para você trabalhar com efeitos de opacidade em elementos HTML de forma fácil, simples e prática.

Com o w3Opacity será simples realizar Fade Out, Fade In, Toogle de Fade, Definir opacidade e consultar a opacidade de elementos HTML. Veja alguns exemplos:

Exemplo de um Fade Out

w3Opacity.fading('img_fadeout',100,0,600);

Onde, img_fadeout é o ID do objeto; 100 é a opacidade inicial e 0 a final; 600 é o tempo em milisegundos que o efeito irá durar.

Exemplo de um Fade In

w3Opacity.fading('img_fadein',0,100,600)

Percebeu a diferença entre o Fade Out? Exatamente, a opacidade inicial é menor do que a final, somente.

Exemplo de Toggle de Fade

w3Opacity.toggle('img_togglefade',600);

O Toggle de fade funciona assim: o método – toggle – consultará a opacidade do elemento HTML, se ele estiver visível será realizado um Fade Out, caso contrário, um Fade In.

Como definir Opacidade

Definir opacidade em elementos HTML com o w3Opacity é super simples, observe:

w3Opacity.set('img_set',30);

onde img_set é o ID do objeto e 30 é a opacidade desejada, ou seja, 30% de opacidade.

Como consultar a Opacidade de um objeto

Utilize o método get_opacity para tal, assim:

w3Opacity.get_opacity('img_get_opacity');

Há outros projetos no meu Labs.

Estava precisando organizar melhor os projetos em que estou envolvido, juntamente com os add-ons, scripts e afins que faço regularmente. Então, surgiu o Labs do Leandro Vieira Pinho (em versão BETA até o dia em que sobreviver)

Juntamente criei o Fórum do Labs do Leandro Vieira Pinho para podermos trocar boas idéias e experiências. A quantidade de e-mails relacionados a scripts estava crescendo, mas o meu tempo está em sentido contrário. Então, com as dúvidas, sugestões, bugs e demais de forma pública será mais fácil para consultas futuras. Além de facilitar a interação entre todos nós.

Conto com vocês por lá, um abraço.