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
Archivo de descarga 255.57 KB 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.


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

Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Usuários :    login / registro

Neste manual
Baixar manual

Categorias relacionadas:

Manuais relacionados