点击后显示FB状态更新弹出窗口
Show FB status update popup on click?
我有这样的代码,允许用户在我的页面上更新他们的fb状态:
<head>
<title>My Great Website</title>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
FB.init({
appId:'**', cookie:true,
status:true, xfbml:true
});
FB.ui({ method: 'feed',
message: 'Facebook for Websites is super-cool'});
</script>
</body>
它工作得很好,但当页面加载时,它会自动显示弹出窗口,但我希望框只在我按下按钮时显示。这可能吗?我在FB文档中看不到任何选项。
demo("发生错误。请稍后再试。"显示,因为我指定了错误的appID(
<html>
<head>
<title>My Great Website</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
FB.init({
appId:'**', cookie:true,
status:true, xfbml:true
});
$(function(){
$("#post-wall").click(function(){
FB.ui({ method: 'feed',
message: 'Facebook for Websites is super-cool'});
return false;
});
});
</script>
<a href="#" id="post-wall">Post feed on your wall</a>
</body>
</html>
<head>
<title>My Great Website</title>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
FB.init({
appId:'**', cookie:true,
status:true, xfbml:true
});
function showMessage() {
FB.ui({ method: 'feed',
message: 'Facebook for Websites is super-cool'});
}
$('.showMessage').click(function() {
showMessage();
});
</script>
<a href="javascript:;" class="showMessage">Show Message</a>
</body>
<html>
<head>
<title>My Great Website</title>
</head>
<body>
<button onclick="open_fb_dialog()">Open Dialog</button>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
FB.init({
appId:'XXXXXX', cookie:true,
status:true, xfbml:true
});
function open_fb_dialog() {
FB.ui({ method: 'feed',
message: 'Facebook for Websites is super-cool'});
}
</script>
</body>
</html>
只需将其放入函数中,然后调用操作按钮上的函数(<button>
、<a>
.etc(
相关文章:
- Javascript更新孙窗口中的表单元素
- ngDialog-弹出窗口未更新范围变量
- javascript skrollr基于动态内容更新窗口高度
- 更新打开的谷歌地图信息窗口
- CKEditor从子窗口更新父文本区域
- 更新面板和模式窗口
- 画布粒子-在“窗口大小”上更新画布大小
- 如何更新jQuery Mobile全局弹出窗口的位置
- 如何在客户端的元窗口小部件(JavaScript)中获取和显示更新的域模型
- 在jQuery中:如何在用户展开窗口时更新函数
- 调整窗口大小时更新数据属性
- Chrome应用程序:如何更新在Chrome应用程序主窗口中创建的辅助窗口元素的内容
- 更新窗口哈希(位于url)
- 父窗口如何打开2个子窗口(“childA”和“childB”),然后让childA更新childB中的内容
- PHP 中的弹出窗口更新
- Photoshop 脚本 - 更新窗口中的进度条
- 通过javascript更新多个窗口
- Browser.ExecScript() 在更新窗口后停止工作
- 调整窗口大小时更新窗口内部高度
- 更新窗口大小变量的问题