试图在我的rails应用程序中自定义Facebook帖子，就像在Stackoverflow网站上一样

Question

在stackoverflow问题的底部，它说：

'知道有人可以回答吗？通过电子邮件，Google +，Twitter或Facebook分享此问题的链接。'

这是我感兴趣的Facebook部分。当用户点击“Facebook”时，他们会得到类似的内容：

光标位于“Write Something”框中，正好位于您想要的位置，下面有一个横幅，引起对stackoverflow网站的注意......完美。

在我的rails应用程序中，我可以通过以下链接链接到Facebook：

 <div class ="centre_text">Maybe
 you'd like to <%= link_to 'ask your friends on Facebook',
 "http://www.facebook.com/mypage", :target => "_blank" %> for what
 you're looking for? </div>

它会转到用户的页面，在那里他们可以写一篇文章。但是我怎么能像Stackoverflow那样，'Write Something'占据了大部分屏幕，带有'Share link'按钮，我怎样才能放入横幅/细节，比如Stackoverflow呢？

任何指向正确方向的人都会非常感激。

Answer 1

我给你一个简单的html示例，以便您可以根据需要获得想法并进行自定义：

就像我想在Facebook上分享一个链接，那么我将要做的是：

首先创建一个链接：

 <a href="javascript:void(0);"><img class="fShare" data-url="http://google.com/" data-title="luxury sedan" src="facebook.png" width="5" height="11" alt="facebook" /></a>

为此链接添加一些javascript：

 $(document).ready(function() {


   $(".fShare").click(function() {

            window.open(
                    'https://www.facebook.com/sharer/sharer.php?u=' + $(this).attr("data-url") + '&t=' + $(this).attr("data-title"),
                    'facebook-share-dialog',
                    'width=626,height=436');
            return false;

        });

  });