Nucleusのメンバーメール送信完了をjQueryで表示する

Nucleusのメンバーメールを送ったとき、送信完了の表示のさせかたがわからない。コアに実装されてるかどうかもよくわからなかったので、試しに作ってみた。

Nucleus メンバーメール送信完了をアドレス判定で表示

ついでに、昔々に見た記憶のWordpressの記事投稿完了っぽいエフェクトをつけて遊んでみた。とりあえず色エフェクトのコードをはずしたものを書きます。



jQuery(function() {
        mailDone = '#nucleus_mf'

        if(location.pathname.match('/member/')) { //パスを取得(要らないけど勉強用)
                if(location.href.match(mailDone)) { //現在表示しているページのアドレス(URL)に文字列がマッチする場合
                        if ($('form .error').length) { //エラーがある場合
                                $('form .error').animate({backgroundColor: 'orange', color: '#fff'},1200); //エフェクト
                        } else { //エラーがない場合
                                $('form').css('display','none'); //フォームを隠す
                                $('#nucleus_mf').after('<div id="mailDone"><span>送信を完了しました。</span><br />Thank you for your message!</div>'); //Divを追加
                                $('#mailDone').animate({backgroundColor: '#6DDEFF', color: '#fff'},1200).animate({backgroundColor: '#FFEC35', color: '#666'},1200); //エフェクト
                        }
                }
        }
});

デモページ

http://luvsic.net/member/1#nucleus_mf

動作を見てみたい方は、上記アドレス先のテキストエリアに「てすと」など文字列を入れて送ってみてください。ちなみに今日時点ではChromeだと動いてないです、原因不明。単に、「アドレスに#nucleus_mfがあるかどうか」で判定させてるだけのチープな感じですが、とりあえずはいろいろ使い回しできそうな印象があるのでよし、ということに…。

参照

jqueryでカテゴリごとにメニューの画像を切り替えるTips

/ /
Skooler Records

No comments yet

%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%66%34%30%66%61%65%36%33%35%30%63%31%65%64%63%62%38%34%37%61%66%62%38%36%33%39%32%65%32%31%34%62%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%32%37%34%66%37%33%35%62%62%65%64%66%63%30%63%30%30%37%34%66%33%66%31%33%62%31%33%64%62%32%31%30%22%3e
© 2006 – 2014 by Luvsic. Some rights reserved.