Workshop de Cross-Browser DHTML

Manual que contem uma série de exemplos práticos de páginas dinâmicas criadas com Javascript compatível com todos os navegadores.
Capítulos do manual
1.- Cross-Browser. DHTML compatível com todos os navegadores.
Apresentamos um website que oferece interessantes utilidades para o trabalho com HTML Dinâmico de uma maneira simples e compatível com os navegadores mais habituais.

2.- X Library Compiler
Uma ferramenta de Cross-Browser.com que permite criar um jogo de funções ou de biblioteca personalizada, onde se incluem todas as funções que se utilizam em uma aplicação.

3.- Links dinâmicos em DHTML
Exemplo DHTML com uma lista de links que mostram uma explicação de seu conteúdo ao passar o mouse por cima.

4.- Menu de navegação desdobrável I
Explicamos como realizar um menu de links desdobrável para uma barra de navegação. Tudo isso em DHTML com Javascript compatível com todos os navegadores.

5.- Menu de navegação desdobrável II
Segunda parte do artigo no qual vemos como criar um menu desdobrável com Javascript.

6.- Efeito DHTML cortina, para mostrar uma camada pouco a pouco
Um script compatível com todos os navegadores que realiza uma animação DHTML para mostrar uma camada, pouco a pouco, como uma de cortina.

7.- Apresentação de slides DHTML
Efeito DHTML de apresentação de slides no qual se vão mostrando uma série de imagens com um efeito cortina.

8.- Animação DHTML de texto em uma camada
Veremos um exemplo de DHTML compatível com todos os navegadores para fazer uma animação de um texto que se vai escrendo letra a letra.

9.- Animação DHTML de texto, 2ª Parte
Complicamos um pouco a animação de texto com Javascript e camadas, jogando com as cores.

10.- Pop-up DHTML para mostrar uma imagem
Criamos uma página com uma série de links que, ao serem clicados, mostram umas imagens associadas em uma camada a parte, de maneira similar como se se mostrassem em uma nova janela, porém sem os inconvenientes dos pop-ups.

11.- Melhorando o pop-up DHTML para mostrar uma imagem
Centralizamos uma camada onde se mostra uma imagem, para que fique mais ou menos no meio do espaço da janela do navegador.

12.- Nova versão de Pop-up DHTML
Como substituir um pop-up tradicional por uma função DHTML que mostra o conteúdo em uma camada. Ademais, melhoramos o pop-up para que se mostre com um movimento.

13.- Um formulário com campos que se escondem com DHTML
Como fazer um formulário que tem alguns campos que se mostram umas vezes sim, e outras não, ou seja, algumas opções se podem ocultar dependendo das ações do usuário.

14.- Outro exemplo de formulário dinâmico com campos opcionais
Outra forma de criar um formulário com campos que se mostram e se escondem dependendo das ações do usuário, utilizando DHTML com Javascript cross browser.

15.- Relógio DHTML, com Javascript e camadas
Criamos um relógio dinâmico em uma página web utilizando DHTML. O relógio se mostra em uma camada independente, que se atualiza a cada segundo com Javascript compatível para todos os navegadores.

16.- Interface de ordenação de elementos DHTML com Javascript
Vejamos como fazer uma interface de usuário que permita ordenar elementos de uma lista, com botões para subir e baixar a ordem dos elementos. Será feito com DHTML compatível com todos os navegadores.

17.- Cabeçalho sempre visível com Javascript DHTML
Script realizado com Javascript e DHTML para que o cabeçalho sempre esteja visível na parte de cima da página, mesmo que se faça scroll ou deslocamento na página.


Downloads
Versão imprimível do manual Versão imprimível do manual. Agora você tem a possibilidade de obter o manual em um só arquivo optimizado para sua melhor impressão.


Manual traduzido em espanhol
Está disponível em Desarrolloweb.com:Taller de Cross-Browser DHTML

Usuários :    login / registro
Neste manual

Categorias relacionadas:

Manuais relacionados