Link tem que ser link

Malditas popups, malditos falsos links, MALDITAS POPUPS!!!! AARRRGHHH!

Pronto, acalmei. Bom, hoje vou sair um pouco do objetivo deste blog (só hoje hehe), que prometi NÃO ficar viajando nem divagando, mas sim, mostrando soluções práticas. É que estas malditas popups e falsos links me tiram do sério. Não, não me venham dizer pra baixar anti-popups. Sim, é lógico que eu uso o FF.

A questão que eu to levantando agora é daqueles malditos links que você pensa que é link, mas na verdade, lá na barra de rolagem tem escrito um maldito "javascript:open...blablabla...". Quais as consequências disso? Bom, a consequencia é que o usuário não consegue acessar aquele conteúdo abrindo sua própria aba, (ou janela pra quem ainda não evoluiu), entre outros problemas. Desta maldita forma, eu SOU OBRIGADO a abrir a maldita popup (a não ser que faça alguns truques trabalhosos).

Coincidentemente, ontem eu tinha lido um post no fatorW dizendo que os usuários tem que poder usar o site, onde o cara fala muito bem sobre usabilidade básica.
Eu quero apenas abrir o link em outra aba, só isso... Por que eles (e eles, e vários outros 'eles') não me deixam???

Os "infográficos" do Terra são uma piada. Pra quê popup naquilo meu deus??!?!!! Alguns usam as malditas popups pra "tentar" esconder o endereço real do visitante, ou pra configurar a janela, mas os do Terra... O endereço real tá à mostra. E a configuração de tela deles as vezes até esconde o conteúdo com uma barra de rolagem... Realmente algo sem motivo. E o do noblat (na parte da enquete), pra quê popup naquela enquete minha gente???

Por favor my friends, não cometam este pecado mortal... Desvantagem das popups dessa forma eu não preciso nem falar né?

• Ganhará o ódio de alguns de seus visitantes (como eu)
• Usabilidade baixa
• Acessibilidade baixa
• Mecanismos buscadores??? Ferrou-se
• Browsers sem javascript??? Ferrou-se
• Dificuldade do seu usuário colocar aquela página nos favoritos
• etc, etc, etc...

Caso realmente seja necessário usar uma popup (não podemos generalizar, há alguns projetos em que popups realmente são necessárias), use com moderação e com algumas técnicas pra reduzir as desvantagens citadas acima:

Não coloque seu javascript direto no href do link. O href do link deve ser usado pra colocar o endereço da página. Assim seu usuário conseguirá abrir seu popup em outra aba diboas e não morrerá de ódio da sua página; os mecanismos de busca conseguirão chegar lá...; browsers sem javascript conseguirão chegar lá...; novamente etc, etc, etc...

"Mas micão, assim ele deixa de ser popup!". Calma meu filho, minha filha, muitos já escreveram sobre isso (no momento não lembro de nenhum link pra recomendar), mas é só colocar um javascriptzinho no "onclick" do link que abre seu popup.

Comparando:

<script>
function abrePopup(url){
    janela=window.open(url,'janela','width=400,height=500,top=100,left=100,resizable=yes')
}
</script>

<a href="javascript:abrePopup('http://elmicox.blogspot.com/');" >link maldito </a>
<a href="http://elmicox.blogspot.com/" target="_blank" onclick="abrePopup(this.href);return false;">link beleza</a>

Acho que não preciso explicar o código acima não né? Tá bem simples. No primeiro link, temos o exemplo maldito, onde você ferra com seu link. Percebam as coisas "bonitas" que aparecem na barra de status no link maldito.

No segundo exemplo, temos um link "menos mal". O href tá certo, abrindo em um novo target pra quem não quer o popup. Mas se o cara clicar normalmente, o evento onclick é disparado, a popup é aberta com o endereço do link (this.href) e o link é cancelado (return false). Testem aí e vejam. (Não vou entrar em detalhes de javascript não obstrusivo (Unobtrusive JavaScript) aqui não, to com pressa, e muita gente já falou sobre isso. Meu script tá errado nesse ponto sim, preguiça... hhehe)

Teste ele aqui: link maldito ; link beleza

Melhorando ainda mais... Voce poderia também marcar os links que são popup com uma classe daí colocaria os eventos nele através do attachEvent, e colocar uma estilização diferente nele pra seu visitante saber que se trata de uma popup, colocar uma figurinha ao lado do link, etc... Ficaria bonitim. heheh.

É isso aí povo. Té mais...

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.