Postado por Micox - Náiron J. C. G..

26 Maio, 2006

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:

<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...

Marcadores: ajax, bate-papo, javascript, webstandards

E-mail Newsletter Feed RSS Resultado! Concursos Shopping Resultado

Não mande dúvidas nos comentários ou no meu e-mail. Mande elas para o fórum de desenvolvedores Webly. Tem mais gente lá gabaritada a responder e você não fica dependendo só do mico.

Comenta aí! Não cai o dedo e me incentiva a escrever mais. (14 comentários)

14 Comentários:

Bruno Dulcetti disse... 26 Maio, 2006 10:53: muito bom filhote... Direto... assim q tem q ser...

no meu novo layout, naum usarei popup... realmente eh mto chato... e no atual,utilizo o primeiro formato, bem feio e ruim... ;)

parabens ae rapaz... akele abraço...
Micox disse... 26 Maio, 2006 13:05: hehe. To aprendendo. hehe
E também tenho que refazer essa porqueira de layout aqui. Vou fazer um básico do básico.
Reges - nao_sei disse... 30 Maio, 2006 12:22: Muito bom micox...

Muitos desses "webmasters" não têm bom senso, não conhecem e devem ter uma preguiça desgraçada de usar o google... hehehe
Tomara que eles leiam o seu post...

Abraço Brow :)
gio! disse... 01 Junho, 2006 23:20: E mico, muito bom!!!
Tás escrevendo bem!!!

Aquele abraço!
TheChessMan disse... 06 Junho, 2006 09:16: Muito bom cara! Eu baixei uma extensão do FF chamada "Tabmix"... popups? NUNCA MAIS!
Felipe disse... 17 Julho, 2006 20:53: Interessante seu artigo sobre pop-ups. Parabéns!
teste01 disse... 27 Julho, 2006 15:59: Oi estou testeando
Rick disse... 07 Janeiro, 2007 22:02: muito bom cara!
excelente!

abraço :)
Jura disse... 14 Março, 2007 09:31: Muito bom mesmo... pergunto sera que os robots dos buscadores quando passam no site ... como será que eles interpretam isso ? Como um link normal ?

Jura
Micox - Náiron J. C. G. disse... 14 Março, 2007 10:21: Olá Jura.

Se estiver da forma correta ele indexa:
<a href="http://elmicox.blogspot.com/" target="_blank" onclick="abrePopup(this.href);return false;">link beleza</a>

Da forma errada, os motores não indexam pois não entendem javascript:
<a href="javascript:abrePopup('http://elmicox.blogspot.com/');" >link maldito </a>
Filipe disse... 17 Abril, 2007 09:54: Fala tio Micox.

Usei a sua idéia e ta aqui o resultado
http://filipekiss.com.br/blog/desenvolvimento-web/webstandards/classe-popup-parte-2/

Dá uma conferida e v~e se tem alguma coisa pra melhorar.

Abraços
Flávia Jobstraibizer disse... 04 Agosto, 2007 22:18: Por causa desse post seu, e por ter achado que realmente isso faz muito sentido, coloquei como opção uma legenda do pouco que abre popup ou janela ajax, ou nova janela no meu site. Muito bom teu post. Tbém odeio popups, acho que se deve usar com parcimônia. Thanks!
Micox - Náiron J. C. G. disse... 30 Agosto, 2007 09:49: Opa, obrigado Flávia.
Fiquei honrado em ter sua presença aqui nos comentários.
Lia alguns artigos seus quando mexia com asp.
Valeu.
Flávia disse... 23 Setembro, 2007 17:05: Nossa, não mexo com ASP há anos...rs
Mas vou continuar passando por aqui pra ver as news. :)

Escreva seu comentário (Leia abaixo).

Deixe seu email se quiser resposta por email também, pois o sistema de comentários do Blogger não me informa :( ... Ah, também pode deixar o endereço do seu blog ou site no comentário.
Já estou em outro sistema de blog melhor (wordpress). Se quiser comentar lá também :)
Dúvidas, só no fórum Webly.