`

Facebook Like的JS实现

 
阅读更多

    /**
     *like
     */
    flashShowLike : function() {
        var _this = this;
        var dialog = FB.Dialog.create({
            content   : '<fb:like-box href="http://www.facebook.com/apps/application.php?id='+ this.initData.appId +'" width="360" height="400" show_faces="true" stream="false" header="true"></fb:like-box>',
            closeIcon : true,
            visible   : true,
            onClose   : function() {
                callBackFun(0);
                _this.log('player close likewin');
            }
        });
        var callBackFun = function(like) {
            FB.Dialog.remove(dialog);
            var flash = swfobject.getObjectById("flashApp");
            if (like) {
                flash["gameLikeComplete"]();
            } else {
                flash["gameLikeCancel"]();
            }
            flash = null;
        };
        FB.XFBML.parse(dialog);
        FB.Dialog.show(dialog);
        $(".fb_dialog_close_icon").attr("style", "background-position:center bottom;z-index:99;")
        //事件监听
        if (this.initData.likeEvent) {
            return;
        }
        this.initData.likeEvent = true;
        //点击like
        FB.Event.subscribe("edge.create", function(resp) {
            _this.post('ajax_get.php',{
                'action' : 'like',
                'uid'    : _this.initData.playerId
            },function(data){
                callBackFun(data);
                _this.log('player press like');
            });
        });
        //取消like
        FB.Event.subscribe("edge.remove", function(resp) {
            callBackFun(0);
            _this.log('player cancel like');
        });
    },
 
分享到:
评论

相关推荐

    JS分享代码 全功能 支持facebook twitter等

    而`test-no-jquery.html`则展示了纯JavaScript实现,这在不依赖额外库或优化加载速度时是必要的。 实现JS分享功能通常涉及以下步骤: 1. **加载API**:在HTML中插入SDK的引用,或者通过AJAX动态加载。例如,...

    将Facebook Like添加到您的Silverlight应用程序

    Facebook的“Like”按钮通常是基于IFrame或者JavaScript实现的,因此你可能需要使用`WebBrowser`控件来加载这段代码。将`WebBrowser`控件添加到你的XAML布局,并设置其`Source`属性指向包含HTML的字符串资源,确保...

    facebook api源码

    Facebook API 是一个强大的工具,允许开发者与Facebook平台进行交互,实现各种功能,如社交分享、用户登录、数据获取等。源码分析可以帮助我们更深入地理解API的工作原理和使用方法。以下是对Facebook API的一些关键...

    仿Facebook切换表情符号的jQuery插件

    本文将详细讲解如何使用一个专门模仿Facebook表情符号切换功能的jQuery插件,帮助你在网站上实现类似的功能。 首先,我们来了解Facebook表情符号系统。Facebook的表情符号系统,也称为“Reactions”,提供了用户对...

    Facebook Markup Language

    5. **《JavaScript:The Definitive Guide》**:介绍了 JavaScript 的高级编程技巧,对于开发交互式的 FML 应用很有帮助。 #### 六、总结 Facebook Markup Language 是一种强大的工具,它不仅简化了 Facebook 应用...

    facebook 开发操作

    6. **JavaScript SDK**:Facebook提供了JavaScript SDK,使得在网页中集成Facebook功能变得更加简单,比如实现一键登录、获取用户信息等。 7. **Webhooks**:Facebook的Webhooks允许开发者订阅特定事件,当这些事件...

    JavaScript_在YouTube上观看我们的反应系列.zip

    而React.js是Facebook开发的一个开源JavaScript库,用于构建用户界面,尤其是单页应用程序(SPA)。Chai.js和React.js的结合意味着这个项目可能涉及React组件的测试和开发。 在React项目中,JavaScript被用来定义...

    FacebookLikeChat_interiorzjy_javascript_chat_got2ld_ajax_

    "interiorzjy"可能是项目作者或团队的名字,"javascript chat"表示前端聊天功能是用JavaScript实现的,JavaScript是一种运行在客户端的脚本语言,对于实时交互的Web应用至关重要。"got2ld"可能是一个特定的功能或...

    React.js Essentials [PDF EPUB Mobi Code]

    Building web applications with maintainable and performant user interfaces is a challenge that many have faced for more than a decade, but no one has risen to this challenge quite like React.js....

    Node.js-基于Node.jsReactMongoDBSwagger和Babel的JavaScript全栈入门套件

    标题中的“Node.js-基于Node.js React MongoDB Swagger和Babel的JavaScript全栈入门套件”表明这个压缩包文件提供了一个全面的学习资源,用于初学者掌握使用Node.js、React、MongoDB、Swagger和Babel构建全栈...

    使用react框架+mongodb实现的后台管理系统.zip

    React是Facebook开发的用于构建用户界面的JavaScript库,以其组件化开发模式和高效的虚拟DOM机制闻名。而MongoDB则是一种流行的NoSQL数据库,适合处理大规模数据并提供灵活的数据模型。 首先,我们要理解React的...

    like_c2js:根据 #编译原理,用Reactjs用自制编译器# 尝试制作类c语言到js

    这个项目“like_c2js”正是这样的尝试,它基于编译原理,尝试利用ReactJS来构建一个自定义的编译器,将类C语言的代码转化为JavaScript代码,从而使得C语言风格的开发者也能轻松地在Web环境中工作。 首先,我们要...

    React.js Essentials(PACKT,2015)

    Building web applications with maintainable and performant user interfaces is a challenge that many have faced for more than a decade, but no one has risen to this challenge quite like React.js....

    Serverless Applications with Node.js

    And thanks to JavaScript support in AWS Lambda and powerful new serverless API tools like the Claudia.js library, you can build and deploy serverless apps end to end without learning a new language. ...

    react-一个实现twitter点赞动画的例子

    首先,React作为Facebook推出的JavaScript库,主要用于构建用户界面,特别是单页应用(SPA)。它的核心理念是组件化,即将UI拆分为独立、可重用的部分,每个部分都有自己的状态和生命周期方法。 在这个例子中,我们...

    fb_open_platform

    开源的Facebook库通常包含了实现上述功能的代码示例、工具和文档,可以帮助开发者快速理解和实现Facebook平台的整合。例如,`lib`目录下的文件可能包括了预处理的库文件、配置文件、示例代码、测试用例等,用于辅助...

    类似于Facebook的登录表单:类似于Facebook的登录表单

    在构建一个类似于Facebook的登录表单时,我们...在"Login-Form-Like-Facebook-main"压缩包中,可能包含了实现这个表单的HTML、CSS和JavaScript文件,通过查看和学习这些文件,你可以更深入地理解上述知识点的实践应用。

    facebook-like

    Create React App入门该项目是通过引导的。可用脚本在项目目录中,可以运行:npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误...

    ReactNative框架的纯javascript风扇按钮

    React Native提供了`Animated`库,能够用JavaScript实现平滑的动画过渡。 4. **布局与样式**:为了实现风扇效果,需要精确控制各个选项的布局和样式。React Native使用CSS-like样式系统,通过`style`属性来定义组件...

Global site tag (gtag.js) - Google Analytics