Archive for the ‘JavaScript’ Category

Principais atributos para manipulação de objetos em JavaScript

Pensei em fazer este blog quando vi há muito tempo atrás uma tabela parecida com esta. Esta tabela representa um conteúdo que eu de tempos em tempos necessito dar uma olhada e ao mesmo tempo está organizada de uma maneira com que eu consiga buscar o que eu preciso de forma fácil e rápida; assim como todo o conteúdo deste blog.

Os principais atributos para manipular os objetos em JavaScript são:

Propriedade Tipo Descrição
nodeName String O nome do nó (tag)
nodeValue String O valor do nó
nodeType Number O tipo do nó (elemento, texto, comentário…)
parentNode Node O elemento pai
childNodes NodeList A coleção de nós filhos
firstChild Node O primeiro filho. null se não existir
lastChild Node O último filho. null se não existir
previousSibling Node O irmão anterior
nextSibling Node O irmão seguinte
attributes NamedNodeMap A coleção de atributos
ownerDocument Document O documento a que pertence o nó
Anúncios

Lista completa de manipuladores de eventos (Event Handler)

Trago aqui a lista completa dos manipuladores de eventos do Javascript e a/ou atributos do XHTML, com sua definição:

  • onAbort – É acionado quando o usuário cancela o carregamento de uma imagem.
  • onBlur – É acionado quando o usuário sai de um elemento do formulário, janela ou frame (quando este perde o foco).
  • onChange – É acionado quando o usuário sai de um elemento do formulário com o seu valor alterado (quando este perde o foco com o sofrimento de mudanças).
  • onClick – É acionado quando o elemento de um formulário ou link é clicado (pressionado).
  • onDblClick – É acionado quando o elemento de um formulário ou link recebe clique-duplo.
  • onDragDrop – É acionado quando o usuário solta um objeto (uma imagem, por exemplo) dentro da janela do navegador.
  • onError – É acionado quando o carregamento de uma imagem ou documento não é completado (por causa de um erro).
  • onFocus – É acionado quando um elemento de um formulário, janela ou frame é selecionado (recebe foco).
  • onKeyDown – É acionado no momento em que o usuário aperta (pressiona) uma tecla.
  • onKeyPress – É acionado quando o usuário pressiona ou mantém uma tecla pressionada.
  • onKeyUp – É acionado no momento em que o usuário solta uma tecla.
  • onLoad – É acionado quando o navegador termina o carregamento da janela ou dos frames.
  • onMouseDown – É acionado no momento em que o usuário pressiona um botão do mouse.
  • onMouseMove – É acionado quando o usuário move o cursor.
  • onMouseOut – É acionado quando o cursor do mouse sai de um link ou uma área.
  • onMouseOver – É acionado quando o cursor passa por cima (se move sobre) um objeto ou uma área.
  • onMouseUp – É acionado quando o usuário solta o botão do mouse.
  • onMove – É acionado quando o usuário ou um script move uma janela ou frame.
  • onReset – É acionado quando o usuário reinicia um formulário (“reseta”, apaga o preenchimento de todos os campos).
  • onResize – É acionado quando o usuário ou script redimensiona uma janela ou frame (altera o tamanho).
  • onSelect – É acionado quando o usuário seleciona parte de um texto de um input ou textarea.
  • onSubmit – É acionado quando o usuário envia (“submita”) o formulário.
  • onUnload – É acionado quando o usuário sai de um documento.

Fonte: irt.org

Melhor forma de redirecionar de uma página para um outro endereço

Existem algumas formas simples de se redirecionar um site para uma outra url. Esta técnica é útil em várias situações, como por exemplo, voltar para a página de listagem, logo após salvar uma informação.

Vamos para as formas de se fazer; a primeira forma é utilizando o simples HTML, através da tag <meta>, combinada com o atributo http-equiv=”refresh”:

<meta http-equiv="refresh" content="5 url=https://thiagobfiorenza.wordpress.com">

O atributo content=5 é o tempo (5 segundos) de espera para ser redirecionado. Geralmente neste tempo, coloca-se uma mensagem para que o usuário veja, do tipo “O site está sendo redirecionado em 5 segundos. Caso não aconteça clique aqui.”

A segunda solução é a seguinte, utilizando Javascript:

<script type="text/javascript">
location.href = "https://thiagobfiorenza.wordpress.com";
</script>

O único requisito que exige essa forma é que o navegador do usuário possua o Javascript habilitado.

A última e minha preferida para este fim (redirecionar sem espera de tempo) é utilizando o clássico PHP:

header('location:https://thiagobfiorenza.wordpress.com'); die();

O único cuidado que se deve ter para utilizar-se do PHP para o redirecionamento é que este deve vir antes de qualquer código escrito na tela (echos, prints ou códigos HTML). O die() que aparece no final deste código é para garantir que o header() seja processado no exato momento em que foi chamado, e não após todo o processamento da página.

E, como diriam os desenhos do Pernalonga, That’s all Folks (Isto é tudo, pessoal)!