Logotipo Design Interativo
JavaScript

Java Scripts Simples e Úteis


Códigos Java Scripts são úteis em diversas situações, seja para deixar seu projeto de website mais moderno ou apenas para realizar funções relativamente simples.

Neste post você encontra alguns códigos simples que facilitam o dia dia do webdesigner, desde voltar uma página até funções para esconder funções de formulários e divs. Espero que estes simples códigos seja de grande ajuda, sempre estarei atualizando este post com scripts rápidos e úteis.


1º Script – Ao escolher uma opção na Combo Box ele abre na URL indicada

HTML e Java Script



2º Script – Mostrar e Esconder uma opção seja em formulários ou DIVS

Função Java Script (Pode ser inserida no final da página HTML antes do fechamento da body)



Código HTML

Você já estudou inglês?

 Sim Não
Quanto tempo?


3º Script – Redirecionamento de páginas

HTML e Java Script (Neste código pode é utilizado para redirecionar páginas para outras, por exemplo você poderá usar esse código em uma página index caso queira que ela abra outra página ou outro site.




4º Script – Janela Pop-up com tamanho definido

Função Java Script (Pode ser inserida no final da página HTML antes do fechamento da body)



Código HTML


     


5º Script – Botão voltar uma página

HTML e Java Script




Artigos relacionados

Comentários
  1. Olá Robson,

    Nas minhas poucas horas vagas (como hoby), estou reencrevendo o site da minha familia.
    deparei com um problema que não sei como prosseguir.

    Imagine que você tem uma página com varias divs , e em uma das divs tem um formulário.
    Neste formulario quando a pessoa clicar no botão (submite) a action do form deve direcionar para outra div, podem deixando as divs acima como estão… isso é possível com javascript?

  2. fabio disse:

    Olá Robson, como vai!

    Obrigado por compartilhar seus conhecimentos, principalmente com quem esta começando na área.

    Seu site já esta em meus favoritos!!!

    Um abraço!

  3. jomar disse:

    Sobre a postagem script : “Ao escolher uma opção na Combo Box ele abre na URL indicada”, já usei esse código antes usando o select, mas gostaria de saber como fazer a página abrir em outra janela e não na mesma em que está o link.
    Não consegui inserir a opção “_blank” não sei se é possivel fazer usando “select”.

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade