<html>
<head> <title>FB.Canvas.setAutoGrow Example</title> </head> <body style="margin:0; padding:0; border:0; background-color:#555555;" >
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript"> FB.init({ appId : 'YOUR_APP_ID', oauth : true, }); FB.Canvas.setAutoGrow(); function growSize() { var height = Number( document.getElementById('myContent').style.height.split('px')[0]) + 100; document.getElementById('myContent').style.height = height + 'px'; } </script>
<input type="button" value="Grow!" onclick="growSize();"/>
</body>
</html>
<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/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>