<div class="page-header" dir="ltr">
<h1>Share Dialog</h1>
</div>

<p dir="ltr">Click the button below to trigger a Share Dialog</p>

<div class="btn btn-success clearfix" dir="ltr" id="shareBtn">Share</div>

<p dir="ltr" style="margin-top: 50px">&nbsp;</p>

<hr dir="ltr" />
<p dir="ltr"><a class="btn btn-small" href="https://dx-qa.ohio.gov/wps/portal/gov/octf/what-we-do/regional-prevention-councils" target="" title="">Share Dialog Documentation</a></p>


<script>
window.fbAsyncInit = function() {
    FB.init({
      appId      : '2077906488928444',
      xfbml      : true,
      version    : 'v2.1'
    });
  };

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<script>

document.getElementById('shareBtn').onclick = function() {
  FB.ui({
    app_id:2077906488928444,
    method: 'share',
    display: 'popup',
    href: 'https://dx-qa.ohio.gov/wps/portal/gov/octf',
  }, function(response){});
}
</script>