Proteger Email com MooTools – V2

A 29 de Dezembro de 2009, categoria JavaScript, MooTools, por Carlos Gonçalves
3

Há alguns dias coloquei um artigo que mostra como podes proteger os teus links de email contra os spam bots, utilizando MooTools. Após uma sugestão, fiz algumas melhorias no script.

O XHTML

<span rel="teste|teste.com" class="email custom-class">Contacta-me</span>

Em vez de usar a tag href passei a usar a tag span para evitar que os motores de busca os vejam como dead links. Colocamos o endereço de email modificado no atributo rel.

O Script em MooTools

window.addEvent('domready', function() {
	$$('.email').each(function(elemento) {
		var link = new Element('a', {
			href: 'mailto:' + elemento.get('rel').replace('|','@'),
			'class': elemento.get('class'),
			'text': elemento.get('text')
		}).replaces(elemento);
	});
});

Desta forma crio um link que substitui o elemento span que originalmente lá estava.

Obrigado por compartilham as vossas ideias – com isso consegui fazer um script melhor!


Muito FracoFracoRazoávelBomMuito Bom (Nenhum voto por enquanto)
Loading ... Loading ...
Tags:
 

Proteger Email Com MooTools

A 27 de Dezembro de 2009, categoria JavaScript, MooTools, por Carlos Gonçalves
4

Todos nós sabemos que os spammers fazem scripts para percorrer as páginas e recolherem o máximo de e-mails que conseguirem, certo?
Pois bem, eu criei uma maneira realmente fácil de evitar esse problema utilizando Javascript, mais propriamente com o MooTools.
Eis como se processa:

O XHTML

<a href="/email|email.com" class="email" title="Envia-me email">Contacta-me</a>

Criamos um link em CSS com a classe “email”. O email está dentro do atributo href, mas o “@” é substituído por “|”. O que torna o email inútil para o spammer, pois o email email@email.com passaria a ficar email|email.com.
O início do href “/” é uma solução para o IE.

O Script em MooTools

$$('.email').each(function(elemento) {
	elemento.set('href','mailto:' + elemento.get('href').replace('|','@').replace('/',''));
});

Uma vez que o DOM está pronto, podemos obter cada link com a classe email.
Podemos obter cada link href (o email modificado) reformatar o email para que ele actue como um link de email normal.

Tens uma solução melhor? Partilha!


Muito FracoFracoRazoávelBomMuito Bom (Nenhum voto por enquanto)
Loading ... Loading ...
Tags:
 

Criar Link Avançado XHTML de Email com CC, BCC e Corpo

A 18 de Novembro de 2009, categoria XHTML, por Carlos Gonçalves
1

Criar um link para enviar um email, é bastante fácil, certo?
É tão simples como:

<a href="mailto:info@cgoncalves.com">Contacta-me</a>

Toda a gente sabe isto. Contudo, sabias que também podes incluir o assunto, CC, BCC e informação do corpo do email no link?

<a href="mailto:info@cgoncalves.com">Contacta-me</a>

<!-- Adicionar o Assunto -->
<a href="mailto:info@cgoncalves.com?Subject=Teste de Assunto">Contacta-me</a>

<!-- Adicionar o CC's e BCC's -->
<a href="mailto:info@cgoncalves.com?Subject=Teste de Assunto&CC=geral@cgoncalves.com&BCC=publicidade@cgoncalves.com">Contacta-me</a>

<!-- Adicionar alguma informação no corpo do email -->
<a href="mailto:info@cgoncalves.com?Subject=Teste de Assunto&CC=geral@cgoncalves.com&BCC=publicidade@cgoncalves.com&Body=Teste de conteúdo do email!">>Contacta-me</a>

Lembra-te que ao colocares os endereços de e-mail numa página sem codifica-los, é um convite para os spammers, podes ver como codificar o e-mail em Codificar Email com PHP – Prevenir Que Spam Bots Recolham Email


Muito FracoFracoRazoávelBomMuito Bom (Nenhum voto por enquanto)
Loading ... Loading ...
Tags:
 

Procuras alguma coisa?

Utiliza o formulário abaixo para pesquisares no meu site:


Ainda não encontraste o que procuravas? Deixa um comentário num post ou contacta-me para que te possa ajudar!

Links de Interesse!

Links por mim recomendados...

Arquivos

Ordenado de forma cronológica...