JavaScript - シドニーで働くプログラマーのBlog(今はIT会社の経営者)

jQueryで動的に生成した要素からアクションを取得したい時

May 14, 2015

AD:

ボタンをクリックしたら、Selectのリスト生成するようなスクリプトがあったのですが、その生成されたSelectのデータを使用して更にDomを書き換えたっかたのですが、地味に悩んだのでメモしておきます。

$('.btn').on('click','.itemList select', function(){
    console.log($(this).val());
});

1

2

3

$('.btn').on('click','.itemList select', function(){

console.log($(this).val());

});

Facebookの「いいね」をGoogleAnalyticsのEventで記録する

Aug 19, 2012

AD:

先日、Facebookの「いいね」を使ったキャンペーンサイトを作成しました。
それで、「いいね」を押すとキャンペーンページに飛ぶ内容のものでしたが、下記の用に設定しました。

下記の方法ですが、僕の調査の限り、ユーザによってFacebookが吐き出すIframeの内容が変わって挙動が変わることが判明しました。
１日かけて調査したのですが、解決方法は見つかりませんでした。もし解決方法を見つけた方がいましたら、コメントください。

地味に悩む人もいると思いますので、メモしておきます。

設定

&lt;script type="text/javascript"&gt;
    window.fbAsyncInit = function() {
        FB.init({appId: '&#12450;&#12503;&#12522;&#12398;ID', status: true, cookie: true, xfbml: true});
        FB.Canvas.setSize({ width: 520, height: 1500 });
        FB.Event.subscribe('edge.create',
            function(response) {
                //&#12463;&#12522;&#12483;&#12463;&#24460;&#12395;&#19979;&#35352;&#12398;&#12506;&#12540;&#12472;&#12395;&#31227;&#21205;
                window.location = "/campaign/fb/2";
                //&#12463;&#12522;&#12483;&#12463;&#12434;GoogleAnalytics&#12395;&#12452;&#12505;&#12531;&#12488;&#12392;&#12375;&#12390;&#35352;&#25014;
                _gaq.push(['_trackEvent', '&#12452;&#12505;&#12531;&#12488;&#12398;&#21517;&#21069;', 'Click']);
            }
        );
    };

    //Load the SDK asynchronously
    (function() {
        var e = document.createElement('script'); e.async = true;
            e.src = document.location.protocol +
              '//connect.facebook.net/en_US/all.js';
            document.getElementById('fb-root').appendChild(e);
    }());
&lt;/script&gt;
&lt;div id="fb-root"&gt;&lt;/div&gt;
&lt;fb:like href="&#12356;&#12356;&#12397;&#20808;&#12398;&#12398;RRL" layout="button_count" send="false" width="450" show_faces="false" font=""&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

window.fbAsyncInit = function() {

FB.init({appId: 'アプリのID', status: true, cookie: true, xfbml: true});

FB.Canvas.setSize({ width: 520, height: 1500 });

FB.Event.subscribe('edge.create',

function(response) {

//クリック後に下記のページに移動

window.location = "/campaign/fb/2";

//クリックをGoogleAnalyticsにイベントとして記憶

_gaq.push(['_trackEvent', 'イベントの名前', 'Click']);

}

);

};

//Load the SDK asynchronously

(function() {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js';

document.getElementById('fb-root').appendChild(e);

}());

</script>

<fb:like href="いいね先ののRRL" layout="button_count" send="false" width="450" show_faces="false" font="">

Twitter:
Warning: Undefined array key "Twitter" in /home/sazaeau/mizoshiri.com/public_html/blog.mizoshiri.com/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2897
0 | Facebook: 0 | Google Plus:
Warning: Undefined array key "Google+" in /home/sazaeau/mizoshiri.com/public_html/blog.mizoshiri.com/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2897
0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

JavaScriptのデバック

Jun 5, 2007

AD:

JavaScriptのデバック

Firefoxをインスト−ル
Firefoxのプラグイン（Firebug）をインスト−ル
javascriptで、気になる変数にconsole.log(変数名);
Firebugのコンソールで、中身を確認できます。

これが今流行のjavascriptのデバック方法だそうです。
問題は、alertと違って、消し忘れがあること・・・・・

Twitter:
Warning: Undefined array key "Twitter" in /home/sazaeau/mizoshiri.com/public_html/blog.mizoshiri.com/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2897
0 | Facebook: 0 | Google Plus:
Warning: Undefined array key "Google+" in /home/sazaeau/mizoshiri.com/public_html/blog.mizoshiri.com/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2897
0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0