Skip to content

Instantly share code, notes, and snippets.

@sjoonk

sjoonk/simple-event-form.html

Created May 21, 2012 08:27
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/2761163 to your computer and use it in GitHub Desktop.
Save sjoonk/2761163 to your computer and use it in GitHub Desktop.
Download ZIP
CookinFB App Template Simple Event Form
Raw
simple-event-form.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">
ul { font-size: 14px; padding: 1em; }
ul li { padding: 0.5em 0; }
.wall {
height: 500px;
position: relative;
background: url(https://farm6.staticflickr.com/5192/7239945746_a2a4402446_b.jpg) no-repeat;
}
.btn { position: absolute; top: 450px; left: 330px; }
#inputForm {
border: 1px solid silver; margin-top: 20px; padding: 30px 0 0 30px;
}
</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> 이 블로그는 쿠킹 페이스북 앱 템플릿&trade; 을 이용하여 제작되었습니다.
</p>
<div class="wall">
<a href="#" onclick="$('#inputForm').slideToggle();" class="btn danger">이벤트 참여하기</a>
</div>
<div id="inputForm" style="display: none;">
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dDFqd3BjUS1QTXU2djZaZE1RZDlNdkE6MQ" width="760" height="450" frameborder="0" marginheight="0" marginwidth="0">로드 중...</iframe>
</div>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() {
FB.Canvas.setAutoGrow();
};
</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