隐藏 iframe 中显示的 header 个 Sharepoint 自定义列表

Question

我有一个来自不同共享点站点（仍然是同一个域）的自定义列表，我想在没有 header 的情况下显示在我的工作站点上（至少，但是去掉功能区会也很好）。我尝试了以下 4 种方法均未成功：

1) 我什至无法通过在我的 url 末尾添加 ?isdlg=1 使其在普通页面上工作（即 ..allitems.aspx?isdlg =1)

2) 因为我主要使用 SQL 而不是 HTML 我确定我可能搞砸了我的一些标签。

<div class="ms-dlgFrameContainer">
<iframe width="1400" height="600" id="DlgFramee" class="ms-dlgFrame" frameborder="0" src="myurl.aspx">
<html class="ms-dialog">
<head>
<style type="text/css">
.ms-dialog #titleAreaBox { display:none }
</style>`

3) 将页面的 header 隐藏在 iframe 中。

<script type="text/javascript">
document.getElementById("myiframe1").contentWindow.document.getElementById("titlerow").style.display = "none"; </script>`

4)最有希望。当我添加

<iframe id="myiframe1" src="myurl" width="1000" height="450" frameborder="1"></iframe>
<style>
#titleAreaBox { display: none }
</style>

在与我的 iframe 相同的 CEWP 中，它删除了当前页面的标题区域，而不是 iframe 中的页面。这正是我想要的，除了我希望它对 iframe 内的页面执行此操作。

5) 我也这样做了，甚至只是想改变 header 颜色，但没有注意到任何变化。我查找了正确的 Web 部件 ID。

<style type="text/css">
#MSOZoneCell_WebPartWPQ2 .ms-WPHeader
{ background-color: pink; }
</style>

Answer 1

你可以试试下面的jQuery脚本，我只是在演示中隐藏了suiteBarTop。

<iframe id="myiframe" width="1400" height="600" id="DlgFramee" class="ms-dlgFrame" frameborder="0" src="/sites/tst/SitePages/Home.aspx"></iframe>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#myiframe').load(function () {
                $(this).contents().find('#suiteBarTop').hide();
            });

        })        
    </script>

隐藏 iframe 中显示的 header 个 Sharepoint 自定义列表

Hide header of Sharepoint custom list displayed in iframe

javascript

css

sharepoint-2013