Seu código está uma bagunça e você está sem paciência de fazer todas as endentações que ele merece? Pois bem, existe várias formas de fazer isso de maneira indolor, uma delas é utilizando o serviço abaixo que organiza todo seu código. Gostou? Deixe um comentário.
Tag: javascript
Como ler um texto no HTML
Como fazer um texto ser lido por uma voz no seu HTML. A pronúncia vai ficar bem estilo Google Translate, mas mesmo assim é bem divertido.
ATENÇÃO: Faça o teste usando o Google Chrome
Aula de AngularJS #004
Nesta aula mostro como inserir arquivos externos html dentro de outro arquivo HTML utilizando a diretiva ng-include do AngularjS. Também mostro algumas técnicas para escrever no console do navegador e manipulação de conteúdo da VIEW.
Aula de AngularJS #003
Nesta aula mostro uma aplicação simples MVC, Model, View e Controller, utilizando HTML, JavaScript (Angular) e JSON com uma agenda simples de nomes e e-mail.
Exemplo de AngularJS #001
Muito se fala de AngularJS o framework que liga seu HTML (views) com objetos JavaScript (models).
Se você andava pesquisando:
- Como aprender AngularJS
- Exemplos de AngularJS
- Como usar AngularJS
Veja esse vídeo curtinho e introdutório a essa nova maravilha.
Canivete Suíço do Desenvolvedor Web
O que você precisa?
- Comprimir e minimizar um HTML
- Comprimir e minimizar um Javascript
- Comprimir e minimizar um CSS, ou
- Descomprimir HTML
- Descomprimir JavaScript
- Descomprimir CSS
Validação de formulário sem javascript
Javascript – Guia do Programador
JavaScript é uma linguagem de script usada em milhões de páginas web em todo o mundo para validar formulários, detectar objetos e adicionar uma série de outras funcionalidades interativas.
Com a guerra dos navegadores, conhecer as técnicas de detecção do navegador via JavaScript era requisito básico de desenvolvimento. Quanto mais surpreendente para o usuário o efeito ao entrar em uma página, tanto mais o desenvolvedor do site era conceituado na comunidade. Páginas que se abriam com os mais variados efeitos, janelas ocupando toda a tela, desaparecimento das barras de ferramentas do navegador, abertura de janelas pop-up com propaganda, bolinhas coloridas e flocos de neve ricochetando e caindo na tela, tudo era permitido e possível com JavaScript. Com a chegada dos Padrões Web e a consequente revisão dos conceitos de desenvolvimento de sites, novos rumos foram traçados, fundamentados em critérios de separação das camadas de desenvolvimento, acessibilidade, usabilidade e portabilidade. Como consequência, foi implementada a padronização da linguagem e do Document Object Model (DOM), revitalizando e alterando os conceitos de emprego de JavaScript.
A padronização aliada ao princípio de desenvolvimento voltado à melhoria progressiva faz com que JavaScript esteja presente na maioria dos sites desenvolvidos segundo os mais rígidos conceitos dos Padrões Web.
As recomendações para a emergente HTML5 implementam novas e fantásticas APIs, capazes de proporcionar o desenvolvimento das mais ricas aplicações web. Contudo, a maioria das funcionalidades previstas nessas APIs, para funcionar com toda sua potencialidade, depende de JavaScript. Assim, modernos desenvolvedores e webdesigners não podem prescindir do conhecimento dessa poderosa linguagem.
Este livro aborda os fundamentos da linguagem, desde os conceitos mais básicos de programação web até as funcionalidades de emprego da linguagem segundo os conceitos de orientação a objetos. É uma referência abrangente dos recursos da linguagem. Descreve detalhadamente objetos, construtores, métodos, funções, propriedades e constantes definidas segundo as recomendações do W3C e as ECMAScript.
No site de apoio ao livro (www.livrojavascript.com.br), o leitor encontrará os códigos-fonte para download e informações complementares sobre o livro, além de exemplos práticos que podem ser implementados e cujo funcionamento pode ser conferido no site.
Lista completa de eventos Javascript
Os manipuladores de eventos em Javascript
A lista de manipuladores de eventos contém o nome do manipulador em negrito, sua descrição e finalmente a versão de Javascript que incorporou tal manipulador.
Relação de eventos
onabort
Este evento se produz quando um usuário detém a carga de uma imagem, seja porque detém a carga da página ou porque realiza uma ação que a detém, como por exemplo, sair da página.
Javascript 1.1
onblur
Desata-se um evento onblur quando um elemento perde o foco da aplicação. O foco da aplicação é o lugar onde está situado o cursor, por exemplo, pode estar situado sobre um campo de texto, uma página, um botão ou qualquer outro elemento.
Javascript 1.0
onchange
Desata-se este evento quando muda o estado de um elemento de formulário, às vezes não se produz até que o usuário retire o foco da aplicação do elemento. Javascript 1.0
Javascript 1.0
onclick
Produz-se quando se clica o botão do mouse sobre um elemento da página, geralmente um botão ou um link.
Javascript 1.0
ondragdrop
Produz-se quando um usuário solta algo que havia arrastado sobre a página web.
Javascript 1.2
onerror
Produz-se quando não se pode carregar um documento ou uma imagem e esta fica quebrada.
Javascript 1.1
onfocus
O evento onfocus é o contrário de onblur. Produz-se quando um elemento da página ou a janela ganham o foco da aplicação.
Javascript 1.0
onkeydown
Este evento é produzido no instante que um usuário pressiona uma tecla, independentemente que a solte ou não. É produzido no momento do clique.
Javascript 1.2
onkeypress
Ocorre um evento onkeypress quando o usuário deixa uma tecla clicada por um tempo determinado. Antes deste evento se produz um onkeydown no momento que se clica a tecla..
Javascript 1.2
onkeyup
Produz-se quando o usuário deixa de apertar uma tecla. É produzido no momento que se libera a tecla.
Javascript 1.2
onload
Este evento se desata quando a página, ou em Javascript 1.1 as imagens, terminaram de se carregar.
Javascript 1.0
onmousedown
Produz-se o evento onmousedown quando o usuário clica sobre um elemento da página. onmousedown se produz no momento de clicar o botão, soltando ou não.
Javascript 1.2
onmousemove
Produz-se quando o mouse se move pela página.
Javascript 1.2
onmouseout
Desata-se um evento onmuoseout quando a seta do mouse sai da área ocupada por um elemento da página.
Javascript 1.1
onmouseover
Este evento desata-se quando a seta do mouse entra na área ocupada por um elemento da página.
Javascript 1.0
onmouseup
Este evento se produz no momento que o usuário solta o botão do mouse, que previamente havia clicado.
Javascript 1.2
onmove
Evento que se executa quando se move a janela do navegador, ou um frame.
Javascript 1.2
onresize
Evento que se produz quando se redimensiona a janela do navegador, ou o frame, no caso de que a página os tenha.
Javascript 1.2
onreset
Este evento está associado aos formulários e se desata no momento que um usuário clica no botão de reset de um formulário.
Javascript 1.1
onselect
Executa-se quando um usuário realiza uma seleção de um elemento de um formulário.
Javascript 1.0
onsubmit
Ocorre quando o visitante aperta sobre o botão de enviar o formulário. Executa-se antes do envio propriamente dito.
Javascript 1.0
onunload
Ao abandonar uma página, seja porque se clique em um link que nos leva a outra página ou porque se fecha a janela do navegador, se executa o evento onunload.