Felipe Meirelles.com

Desenvolvedor WEB, DRUPAL, WORDPRESS, PHP – RJ

01MAI•2012

Alternativa válida ao target=’_blank’ com JQuery

Postado por Felipe - Sem Comentários

Olá pessoal, hoje precisei criar um layout onde os links deveriam apontar para urls externas, abrindo-as em uma nova janela do browser. Como estou trabalhando com doctype strict, colocar simplesmente target=”_blank” vai fazer com que o código deixe de ser válido e essa não é a intenção né rsrsPesquisando na internet encontrei as tradicionais soluções com javascript e analisando bem elas são meio primitivas (mas resolvem) e, isso me fez pensar um pouco em alguma solução utilizando JQuery. Alguns minutos depois consegui fazer uma solução em Jquery com bem menos esforço de código (e visualmente mais limpo).

O que fazer??

Basicamente a solução consiste em aplicar a classe ‘externo‘ nos links que deverão abrir em uma nova janela e no JQuery utilizar a função abaixo
$('a.externo').click(function(){
$(this).attr('target','_blank');
});

Assim toda vez que um link com a classe ‘externo‘ for clicada o atributo ‘target‘ será adicionado dinamicamente através do JQuery, fazendo com que a página seja carregada em uma nova janela.

Por hoje é só, pessoal rsrs

 

Um abraço!

Pesquise um assunto

Quem sou Eu??

minha foto de avatar

About Felipe

Programador desde os 8 anos, autodidata desde os 5. Baterista amante do rock (e seus derivados), internet, tecnologia, Coca-Cola e chocolate amargo(só lembrei desses aí).Sou formado em Tecnologia da Informação, pós-graduado em Engenharia de Software e trabalho com desenvolvimento de sistemas a 10 anos para desktop e web

Conheça um pouco mais sobre mim