Skip to content

Instantly share code, notes, and snippets.

@sjoonk

sjoonk/invite_friends.html

Created May 22, 2012 15:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sjoonk/2769614 to your computer and use it in GitHub Desktop.
Save sjoonk/2769614 to your computer and use it in GitHub Desktop.
Download ZIP
CookinFB App Template Invite Friends
Raw
invite_friends.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>친구 초대하기</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="../stylesheets/facebook.css" type="text/css">
<link rel="stylesheet" href="../stylesheets/application.css" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
.wall { position: relative; height: 560px; }
.btn { position: absolute; bottom: 70px; left: 110px; padding: 10px 25px; font-size: 15px; }
</style>
</head>
<body class="container timeline">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1&appId={Your App Id}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h1>친구 초대하기</h1>
<p>
<span class="label important">Notice</span> 이 블로그는
<a href="http://cookinfacebook.com/apps" target="_top">쿠킹 페이스북 앱 템플릿</a>&trade; 을 이용하여 제작되었습니다.
</p>
<div class="wall">
<img src="https://farm8.staticflickr.com/7244/7249104378_e0a8d75993_b.jpg" />
<a href="#" onclick="inviteFriends();" class="btn success">친구 초대하기</a>
</div>
<script type="text/javascript" charset="utf-8">
function inviteFriends() {
FB.ui({
method: 'apprequests',
message: '친구야~ 이 이벤트 좋아요!'
},
function (response) {
if (response) {
alert('초대를 보냈습니다!');
}
});
}
</script>
<hr />
<div class="fb-like" data-href="http://www.facebook.com/cookinthisbook" data-send="false" data-width="450" data-show-faces="true"></div>
<h6 class="right">&copy; 쿠킹 페이스북, 2012. All right reserved.</h6>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment