Home > MooTools > [mootools]メールリンク自動挿入

[mootools]メールリンク自動挿入

直接HTMLにメールアドレスを記載していると、ロボット収集されてスパムの標的にされてしまう。
それを防ぐ為の方法として

  • mailto:を使わない
  • メールアドレスを画像にする
  • メールアドレスの@を別の文字にする
  • Flashテキスト(ボタン)を使う
  • Javascriptで記述

以上がよく使われる手段だろうか。
Javascriptではヘッダに記載してたらまったく意味がないので注意。

Ajaxライブラリmootoolsを使ってメールリンク自動挿入をする方法を考えてみた。

※このサンプルは前バージョン(1.1.2)で書いたものなので1.2では動かないかも

JAVASCRIPT:
  1. $$('.mailto').each(function(mailer){
  2. new Element('a', {
  3. 'styles': {
  4. 'text-decoration': 'none',
  5. 'color': '#333'
  6. },
  7. 'class': 'Tips',
  8. 'href': 'mailto:sample@yourmail.co.jp',
  9. 'title': 'メール送信'
  10. }).setHTML('sample@yourmail.co.jp').injectBefore(mailer.getFirst())});

HTMLはメールアドレスを挿入したいところに

<span class="mailto"><a></a></span>と記述。

これだとブラウザで見たときもソースにメルアドが記載されないので、ロボットに拾われる心配もない。

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://tenderfeel.xsrv.jp/mootools/6/trackback/
Listed below are links to weblogs that reference
[mootools]メールリンク自動挿入 from WebTecNote

Home > MooTools > [mootools]メールリンク自動挿入

最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他
メタ情報

Return to page top