Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Programação em Javascript II / Workshop de Javascript
SEÇÕES
Manuais relacionados
+Programação em Javascript II
+Workshop de Javascript
Categorias
+Javascript

Índice do Manual Programação em Javascript II
+ Introdução ao manual II de Javascript
+ Livraria de funções Javascript
+ Exemplos das funções da livraria Javascript
+ Objetos em Javascript
+ Objetos incorporados em Javascript
+ Classe string em Javascript
+ Exemplos de funcionamento da classe String
+ Classe Date em Javascript
+ Exemplo de funcionamento de Date
+ Classe Math em Javascript
+ Classe Number em Javascript
+ Classe Boolean em Javascript
+ Criação de classes em Javascript
+ Criação de classes em Javascript II
+ Criação de classes em Javascript III
+ Hierarquia de objetos do navegador
+ Trabalhando com a hierarquia em Javascript
+ Objeto Window de Javascript
+ Métodos de window em Javascript
+ Exemplos de métodos de Window
+ Objeto document em Javascript
+ Exemplos de propriedades de document
+ Métodos de document
+ Fluxo de escritura do documento
+ Trabalho com formulários em Javascript
+ Ex. de trabalho com formulários. Calculadora simples
+ Propriedades e métodos do objeto form
+ Controle de campos de texto com Javascript
+ Controle de checkbox em javascript
+ Controle de botões de radio em Javascript
+ Controle de campos select com Javascript
+ Controle de elementos Textarea em Javascript
+ Os eventos em Javascript
+ Os manipuladores de eventos em Javascript
+ Exemplos de eventos em Javascript. Onabort
+ Exemplo do evento onblur em Javascript
+ Continuação do exemplo de onblur
+ Elementos de formulário select associados
+ Evento onunload de Javascript
+ Evento onload de Javascript

Descrição dos capítulos

Índice do Manual Workshop de Javascript
+ Efeitos rápidos com Javascript
+ Abertura e configuração de popups com Javascript
+ Acessso por senha Javascript
+ Rollover com Javascript
+ Navegador dinâmico Javascript
+ Navegador desdobrável
+ Navegador desdobrável com frames
+ Texto em movimento na barra de estado
+ Marcar ou desmarcar todos os checkboxes de um formulário com Javascript
+ Desabilitar o menu contextual do navegador com Javascript
+ Relógio em Javascript
+ Scripts diferentes para cada navegador
+ Tamanho dos campos relativo ao navegador
+ Estilos diferentes para cada navegador
+ Tabela de cores com Javascript
+ Sub-menu em outra janela
+ Degradê de cor Javascript
+ Validar inteiro no campo de formulário
+ Exemplos de funcionamento da classe String
+ Exemplo de funcionamento de Date
+ Link aleatório Javascript
+ Geração de números aleatórios Javascript
+ Comprovar se as senhas são iguais
+ Ex. de trabalho com formulários. Calculadora simples
+ Enviar ao navegador a outra página se não tiver Javascript
+ Confirmação de envio de formulário
+ Javascript para se posicionar em um select
+ Inibir um campo texto de formulário com Javascript
+ Camadas com Internet Explorer 5, 6, Netscape 6, 7 e Opera
+ Mostrar e ocultar camadas com IE 5,6 NS 6,7
+ Movimento de Camadas com IE 5,6 NS 6,7
+ Escritura nas Camadas com IE 5, 6, NS 6, 7
+ Como iluminar tabelas, células ou filas
+ Inibir radio button com Javascript
+ Atualizar dois frames com um só link
+ Calcular a idade em Javascript
+ Iluminar formulários com CSS e Javascript
+ Autozoom de texto com Javascript
+ Javascript para evitar que a página se mostre em um frame
+ Elementos de formulário select associados
+ Conta os caracteres escritos em um textarea
+ Passo de parâmetros em HTML com client-side Javascript
+ Moldura dinâmica em Javascript com texto que muda
+ Criação de gráficos de barras com Javascript
+ Jogos em Javascript
+ Cross-Browser. DHTML compatível com todos os navegadores.
+ HTML Area. Editor WYSIWYG
+ Ocultar um e-mail de um link para evitar o spam
+ Função em Javascript para a inserção de datas
+ DHTML Calendar
+ Gerar uma cor aleatória com Javascript
+ A aprendizagem na Internet
+ Menu Dinâmico com Javascript
+ Página que muda aleatoriamente a cor de fundo
+ Script de recarregamento da página com Javascript
+ Mudar a cor às células de uma tabela com Javascript
+ Pop-ups DHTML – OpenPopups
+ Validar a extensão de um arquivo a subir com Javascript
+ Detectar a resolução da tela do usuário com Javascript
+ Esconder a URL de um link na barra de estado
+ Como integrar conteúdo RSS em minha página?
+ Fazer com que um iframe se ajuste à altura de uma janela com Javascript
+ É vantajoso o uso de ParseInt para validar números?
+ Efeito para desabilitar/habilitar o fundo da Página
+ Validar número de checkbox marcados com Javascript
+ Evitar que um textarea supere um número de caracteres permitidos
+ Javascript não intrusivo
+ Controle de introdução de caracteres de um campo de texto com Javascript
+ Listagem de diferentes Framework Javascript
+ Script para detecção de suporte a Ajax, Cookies e ActiveX
+ Leitor RSS com Javascript
+ Funções para validação alfanumérica de strings em Javascript
+ Script para informar da segurança de uma senha, com Javascript

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Exemplo de funcionamento de Date

Exercício realizado para ilustrar o funcionamento da classe Date em Javascript.


Neste exemplo vamos criar duas datas, uma com o instante atual e outra com data do passado. Em seguida, imprimiremos as duas e extrairemos seu ano para imprimi-lo também. Logo, atualizaremos o ano de uma das datas e voltaremos a escreve-la com um formato mais legível.

//nestas linhas criamos as datas
minhaDataaAtual = new Date()
minhaDataPassada = new Date(1998,4,23)

//nestas linhas imprimimos as datas.
document.write (minhaDataAtual)
document.write ("<br>")
document.write (minhaDtaPassada)

//extraímos o ano das duas datas
anoAtual = minhaDataAtual.getFullYear()
anoPassado = minhaDataPassada.getFullYear()

//Escrevemos em ano na página
document.write("<br>O ano atual é: " + anoAtual)
document.write("<br>O ano passado é: " + anoPassado)

//mudamos o ano na data atual
minhaDataAtual.setFullYear(2005)

//extraímos o dia, mês e ano
dia = minhaDataAtual.getDate()
mes = parseInt(minhaDataAtual.getMonth()) + 1
ano = minhaDataAtual.getFullYear()

//escrevemos a data em um formato legível
document.write ("<br>")
document.write (dia + "/" + mes + "/" + ano)

Há que destacar um detalhe antes de terminar, é que o número do mês pode começar desde 0. Pelo menos no Netscape com o qual realizamos as provas começava o mês em 0. Por esta razão somamos um ao mês que devolve o método getMonth.

Existem mais detalhes para destacar, pois é que no Netscape o método getFullYear() devolve os anos transcorridos desde 1900, com o qual ao obter o ano de uma data de, por exemplo, 2005, indica que é o ano 105. Para obter o ano completo temos a nossa disposição o método getFullYear() que devolveria 2005 da mesma forma que em Netscape e Internet Explorer.

Muita atenção no trabalho com datas em distintas plataformas, visto que poderia ser problemático o fato de oferecerem distintas saídas aos métodos de manejo de datas, dependendo sempre da marca e versão de nosso navegador.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Programação em Javascript II

Dentro de Workshop de Javascript

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Javascript


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foram econtrados 3 comentários sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites