Abrir links externos em nova janela com jQuery

Postado por: Pedro Rogério em

Recentemente, Trevor Davis postou em seu site uma solução para abrir links externos em uma nova janela com jQuery, que consiste no seguinte:


$(document).ready(function(){
	$("a[@href^='http']“).attr(’target’,'_blank’);
});

O que esse script faz é pegar todos os links da página que iniciem com http e com isso o JavaScript adiciona o atributo target com valor _blank. É uma solução muito interessante, mas a meu ver, eu utilizaria uma solução mais semântica:


$(document).ready(function(){
	$("a[@rel=external]").attr('target','_blank');
});

Minha solução pega todos os links da página que contenham o atributo rel=”external” e faça com que os mesmos abram em uma outra aba/janela. A meu ver, bem mais semântico. E você, tem alguma sugestão?

Update: A partir da versão 1.3 do jQuery, deve ser eliminado o @ do código, ficando dessa forma:


$(document).ready(function(){
	$("a[rel=external]").attr('target','_blank');
});

Extensões do Dreamweaver para Frameworks JavaScript

Postado por: Pedro Rogério em

Se você utiliza o dreamweaver no seu dia-a-dia agora pode ficar feliz, pois demorou mais chegou, e agora o suporte do dreamweaver as livrarias JavaScript vieram em forma de extensões.

Vídeo (Objeto multimídia)

Todos os créditos do vídeo são do site Xtnd.us

Você pode encontrar extensões para:

  • jQuery API para Dreamweaver MX-CS3
  • Prototype API para Dreamweaver MX-CS3
  • Mochikit API para Dreamweaver MX-CS3
  • MooTools API para Dreamweaver MX-CS3
  • YUI API para Dreamweaver MX-CS3
  • Ext API para Dreamweaver MX-CS3

Para utilizá-las, basta ter o Extension Manager instalado no micro.

Referências

Páginas:«12345678