Forked from: yksk's Facebook Like Button Test (HTML5) View Diff (30) forked: Facebook Like Button Test (HTML5) yksk Follow 2011-11-11 15:02:08 License: MIT License Fork7 Fav0 View1573 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 12 lines HTML 23 lines CSS 3 lines forked: Facebook Like Button Test (HTML5) jQuery v1.6.2 // forked from yksk's "Facebook Like Button Test (HTML5)" http://jsdo.it/yksk/jcwa var appId = '197418883663634'; function addLikeButton() { $('<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>') .appendTo('body'); FB.init({ appId: appId, xfbml: true }); } <div id="fb-root"></div><!-- プレースホルダー。HTMLに対して1つでOK --> <!-- 最初からscriptタグがないと認識しない？ --> <!--<script src="//connect.facebook.net/en_US/all.js#appId=197418883663634&xfbml=1"></script>--> <script type="text/javascript" src="//connect.facebook.net/ja_JP/all.js"></script> <script type="text/javascript"> FB.init({ appId : '197418883663634', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); </script> <p><input type="button" value="Add Like Button" onclick="addLikeButton()"></p> <div class="fb-like fb_edge_widget_with_comment" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> <!--<div class="fb-like" data-send="false" data-width="450" data-show-faces="true"></div>--> <div class="fb-like fb_edge_widget_with_comment" data-href="www.pixiv.net" data-layout="button_count" data-show-faces="true" data-width="450"></div> <fb:like href="example.com" send="false" width="450" show_faces="false"></fb:like> forked: Facebook Like Button Test (HTML5) div { margin: 10px 0; } // forked from yksk's "Facebook Like Button Test (HTML5)" http://jsdo.it/yksk/jcwa var appId = '197418883663634'; function addLikeButton() { $('<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>') .appendTo('body'); FB.init({ appId: appId, xfbml: true }); } <div id="fb-root"></div><!-- プレースホルダー。HTMLに対して1つでOK --> <!-- 最初からscriptタグがないと認識しない？ --> <!--<script src="//connect.facebook.net/en_US/all.js#appId=197418883663634&xfbml=1"></script>--> <script type="text/javascript" src="//connect.facebook.net/ja_JP/all.js"></script> <script type="text/javascript"> FB.init({ appId : '197418883663634', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); </script> <p><input type="button" value="Add Like Button" onclick="addLikeButton()"></p> <div class="fb-like fb_edge_widget_with_comment" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> <!--<div class="fb-like" data-send="false" data-width="450" data-show-faces="true"></div>--> <div class="fb-like fb_edge_widget_with_comment" data-href="www.pixiv.net" data-layout="button_count" data-show-faces="true" data-width="450"></div> <fb:like href="example.com" send="false" width="450" show_faces="false"></fb:like> div { margin: 10px 0; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author yksk URLhttp://twitter.com/yksk デジタルネガティブ世代 Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/vlCc/js"></script> facebook test Tweet Twitter Discussion Questions on this code? Tags facebook test Forked sort by latest page views favorite forked forked: Facebook Like Button T Omer.Jerbi 10 59 13/23/3 facebook test forked: Facebook Like Button T .mit.Akbaba 00 129 13/23/3 facebook test forked: Facebook Like Button T Krzysztof.Dy 10 212 13/23/3 facebook test forked: Facebook Like Button T Babu.Bhai 00 108 13/23/3 facebook test 1 2NEXT>>
