puma social website

puma social 站点于3月中旬上线，虽当我写此篇blog时，此站点活动已经结束，但我还是要介绍一下本次站点的亮点。

你还可以点击http://social.puma.com.cn/club/#/home 浏览此站点。

在social站之前，我们几乎每次都是与人人网合作，一个站点放在PUMA服务器上，另一放在人人网上，两个站点，活动内容一样，机制也差不多，但设计与动画及程序完全不一样。这样浪费了人力去把两个站都做好，且用户也会感到困惑，为什么PUMA每次活动都会有两个站点？

本次与之前站点不一样的就是，我们不再做两个flash站点，但又需要在人人网上推广。所以，本次我们使用了人人连接这个功能，网站还是寄放在PUMA服务器上，但人人用户可以通过人人连接的方式登录PUMA网站，而不在需要在PUMA网上注册。第一次使用第三方授权方式登录网站，在制作过程中遇到不少问题，在人人网技术支持下，都能一一解决。

当人人网用户使用人人帐号授权PUMA social网站时，此人人用户就相当于加入puma公共主页，且还具触发新鲜事功能，也就是人人网用户在PUMA social网站的一切操作都可以触发新鲜事。

1.网站主页：

2.飞镖游戏是三个游戏中的一个：

人人网连接JS有个bugs，可能也不算是bugs吧，有这样的JS：

function loginRenren(){
  XN.Connect.requireSession(function(){//when user login
    onInviterLogin();
  });
}

当在html里通过点击button或link调用loginRenren()时，是可以弹出窗口，如下图：

但如果使用flash的按键调用JS方式，则会出现另一个登录框，如下图：

经debug人人网js，发现如果调用的显示登录框的事件不是通过onclick事件或mouse事件，则使用iframe形式显示登录框，解决方法，在flash调用loginRenren()函数时，传递一个假的参数，让对方误以为是onclick事件弹出的登录框，AS代码如下：

if(ExternalInterface.available){
  ExternalInterface.call("loginRenren", {type:"click"});
}

这里的{type:"click"} object对象就是模拟mouse事件传递的一个参数。这样就能解决不管是点击html上的按键还是点击flash按键，都能弹出人人登录窗口。