2012-04-02 14 views
3

私は会社のさまざまなメンバーのプロフィールを含むページを持っています。これらのプロフィールには電子メールアドレスも含まれています。私は見つけたjQueryスクリプトで電子メールアドレスを隠しています。 ページには写真、名前、それぞれの人の「プロフィールを見る」リンクだけが表示されています。私は「カラーボックス」http://www.jacklmoore.com/colorbox jQueryプラグインを使って詳細情報リンクにプロフィールの内容を表示しています。 http://www.davidatkinson.com/ipb/site/about_us/the_team/index.htm(サイトはまだ進行中ですので、プロファイルの最初の行にのみメールが含まれています)私が使用しているjQuery電子メールの難読化スクリプトの問題

私の問題は電子メールjQueryで表示されています。各DIVコールとそれぞれの人のメールアドレス

誰が助けたり、誰もが単一ページに複数の電子メールアドレスを難読化で任意のより良い解決策を持っているん

スクリプトのメールを隠すためです。??

$(function(){ 
var spt = $('a.mailme'); 
var at =/at /; 
var dot =/dot /g; 
var addr = $(spt).text().replace(at,"@").replace(dot,"."); 
    $(spt).after('<a href="mailto:'+addr+'" title="Send an email">'+ addr +'</a>') 
    .hover(function(){window.status="Send a letter!";}, function(){window.status="";}); 
    $(spt).remove(); 
}); 

HTML:事前に

<div id="profile-tony_ingham" class="profile_wrapper"> 
<div class="profile_outer"> 
    <div class="profile_inner"> 
     <div class="profile_name">Tony Ingham</div> 
     <div class="job_title">Chief Executive</div> 
      <p>xxxxxxxxxxx</p> 
      <p>Email: <a class="mailme">tony.ingham at ipbcommunications dot co.uk</a></p> 
    </div> 
</div> 
</div> 

<div id="profile-stewart_pimbley" class="profile_wrapper"> 
    <div class="profile_outer"> 
    <div class="profile_inner"> 
     <div class="profile_name">Stewart Pimbley</div> 
     <div class="job_title">Managing Director</div> 
      <p>xxxxxxxxxxx</p> 
      <p>Email: <a class="mailme">stewart.pimbley at ipbcommunications dot co.uk</a></p> 
    </div> 
</div> 
</div> 

<div id="profile-catherine_bellis" class="profile_wrapper"> 
    <div class="profile_outer"> 
    <div class="profile_inner"> 
     <div class="profile_name">Catherine Bellis</div> 
     <div class="job_title">Director</div> 
      <p>xxxxxxxxxxx</p> 
      <p>Email: <a class="mailme">catherine.bellis at ipbcommunications dot co.uk</a></p> 
    </div> 
</div> 
</div> 

感謝:)

+0

一時的なサードパーティのサイトにリンクするのではなく、関連する情報をここに掲載する必要があります。 StackOverflowは、定期的なQ&Aフォーラムよりも長期の知識ベースです。 –

+0

ああ大丈夫、申し訳ありません。昨日の時点でこのサイトを新しくしました。 – Frasier013

答えて

2

私はあなたが以下を使用してjQueryの機能を交換してみやろうとしているものguagedしている場合:

$(function(){ 
    $("a.mailme").each(function() { 
     var $emailAddress = $(this).html(); 
     $emailAddress = $emailAddress.replace(" at ", "@").replace(" dot ", "."); 
     $(this).html($emailAddress); 
     $(this).attr("href", "mailto:"+$emailAddress); 
    }); 
});​ 

私も持っていますセットアップはJSFiddleなので、遊びに行くことができます。

あなたが探しているものかどうか教えてください。

+0

また、以前のスタックオーバーフロー[質問](http://stackoverflow.com/questions/699185/good-non-intrusive-anti-spam-email-obfuscator)で議論された良いオプションがいくつかあります。 –

+0

Adam、ありがとうございました:)あなたはそれがイースターウィークエンドだから、今週はオフィスにいません。 私はちょうどあなたのサイトにアクセスし、家族ともっと時間を費やしていることを読んでいます。本当にありがとうございます。 友人に感謝し、素晴らしいイースターをお持ちください。 – Frasier013

+1

アダム、あなたは素晴らしいイースターを願っています。あなたのお手伝いをしていただきありがとうございます。治療をしてください:) – Frasier013

関連する問題