2

我正在一个网站上工作,该网站是完整的,但有一件事我遇到了问题。我有一个页面,我在其中以动态 div 布局显示球队和球员排名。我想在 Facebook 上分享这些结果,如下图所示。我怎样才能做到这一点?知道从哪里开始吗?

ASP 代码:

<div id="dvChartPosition" class="span12" runat="server">
<ul id="TAbLeaderBoard" class="nav nav-tabs nav-append-content">
    <li id="liGoalKeeper" runat="server" class="active" style="width: 55px; padding-right: 10px;">
        <a href="#BestGoalKeeper" data-toggle="tab"><span>Goalie</span></a></li>
    <li id="liStriker" runat="server" style="width: 55px; padding-right: 10px;"><a href="#BestStriker"
        data-toggle="tab"><span>Striker</span></a></li>
    <li id="liDefender" runat="server" style="width: 65px; padding-right: 13px;"><a href="#BestDefender"
        data-toggle="tab"><span>Defender</span></a></li>
    <li id="liMidFielder" runat="server" style="width: 75px; padding-right: 13px;"><a
        href="#BestMidFielder" data-toggle="tab"><span>MidFielder</span></a></li>
    <li id="liManoftheMatch" runat="server" style="width: 50px; padding-right: 10px;"><a
        href="#ManoftheMatch" data-toggle="tab"><span>MoM</span></a></li>
</ul>

    <div class="tab-pane fade" id="ManoftheMatch">
        <asp:GridView runat="server" ID="gvManoftheMatch" GridLines="None" Width="100%" AutoGenerateColumns="false"
            ShowHeader="true" CssClass="table table-striped" AllowPaging="true" PageSize="5">
            <Columns>
                <asp:BoundField HeaderText="Rank" DataField="Rank" />
                <asp:BoundField HeaderText="Name" DataField="PlayerName" />
            </Columns>
        </asp:GridView>
    </div>
</div>
</div> 

在此处输入图像描述

4

2 回答 2

2

我已经搜索过,但没有找到。但现在我找到了一种分享 div 的方法。您只能在 facebook 中共享图像而不是 div。
所以我用html2canvas.js截取了我的 div 然后是我的社交插件 也许这会对某人有所帮助

于 2013-09-01T10:45:33.860 回答
1

您可能可以将 div 转换为 PDF 或图像,然后在 Facebook 上分享?

于 2013-09-03T09:12:13.720 回答