Facebook 应用程序全部集成在一个页面中(无需重新加载)
我目前正在为 Facebook 应用程序开发 UI。基本上,游戏显示在画布页面上,并以选项卡形式进行导航。
我需要的是,当用户单击“朋友”邀请其他人时,页面将显示在游戏上方(游戏仍在后台,并按应有的方式运行)。所以页面不能重新加载。为此,我将好友请求的 url 放置在 的
src
中,并使用 jquery 隐藏/显示 div
但问题是 还将包含页眉、页脚和所有类似 facebook.com 的内容,但我只想要内容,因为用户已经在 facebook 上。有比我正在做的更好的方法吗?我将如何实现这个目标?
一个很好的视觉示例是“奇迹之城”Facebook 应用程序的导航。
I am currently developing UI for a facebook app. Basically, the game is shown on the canvas page and it has navigation in a tab form.
What I need is that when a user clicks "friends" to invite people, the page will show over the game(the game is still in background, and running as it should be). So the page must not reload. To do this I placed the url of the friends requests in the src
of an <iframe>
and using jquery to hide/show the divs
but the problem is the <iframe>
will also contain the header, footer and all like facebook.com, but I just want the content because the user is already on facebook. Is there a better approach than what I'm doing? How would I accomplish this?
A good visual example is the navigation of "City of Wonders" facebook app.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要编写一个服务器端脚本,使用 facebook API 来获取好友列表。然后,您只需生成显示和使用此信息所需的 HTML。
另外,您可以只使用
,而不是使用
,并使用 javascript 填充其内部html(通过 ajax )。
You'll need to write a server side script that uses the facebook API to get a list of friends. Then you simply generate the HTML that is necessary to display and use this information.
Also, instead of using a an
<iframe></iframe>
you could just use a<div>
, and use javascript to populate it's innerhtml (via ajax).