Facebook 应用程序全部集成在一个页面中(无需重新加载)

发布于 2024-11-06 18:25:09 字数 395 浏览 0 评论 0原文

我目前正在为 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

2024-11-13 18:25:09

您需要编写一个服务器端脚本,使用 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).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文