Javascript 隐藏iframe中显示的Sharepoint自定义列表的标题_Javascript_Css_Sharepoint 2013

Javascript 隐藏iframe中显示的Sharepoint自定义列表的标题

javascript css sharepoint-2013

Javascript 隐藏iframe中显示的Sharepoint自定义列表的标题,javascript,css,sharepoint-2013,Javascript,Css,Sharepoint 2013,我有一个来自不同sharepoint站点（仍然是同一个域）的自定义列表，我希望在我的工作站点上显示该列表，而不显示标题（至少，但去掉功能区也很好）。我尝试了以下4种方法，但均未成功：我甚至无法通过在url末尾添加？isdlg=1（即..allitems.aspx？isdlg=1）使其在正常页面上工作因为我主要使用SQL，而不是HTML，所以我确信我可能弄错了一些标记 <div class="ms-dlgFrameContainer"> <iframe width="1400

我有一个来自不同sharepoint站点（仍然是同一个域）的自定义列表，我希望在我的工作站点上显示该列表，而不显示标题（至少，但去掉功能区也很好）。我尝试了以下4种方法，但均未成功：

我甚至无法通过在url末尾添加？isdlg=1（即..allitems.aspx？isdlg=1）使其在正常页面上工作

因为我主要使用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>`


.ms dialog#titleAreaBox{display:none}
`

在iframe中隐藏页面标题

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


document.getElementById（“myiframe1”）.contentWindow.document.getElementById（“titlerow”）.style.display=“无”`

最有希望的。当我加上

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


#titleAreaBox{显示：无}

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

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

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

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


#MSOZoneCell_网页部件wpq2.ms WPHeader
{背景色：粉红色；}

您可以在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>


$（函数（）{
$（'#myiframe'）.load（函数（）{
$（this.contents（）.find（'#suiteBarTop'）.hide（）；
});
})

您可以在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>


$（函数（）{
$（'#myiframe'）.load（函数（）{
$（this.contents（）.find（'#suiteBarTop'）.hide（）；
});
})

这太完美了！抱歉耽搁了。我刚刚将sutebartop更改为ribbon、title和header ID，效果非常好！这太完美了！抱歉耽搁了。我刚刚将sutebartop更改为ribbon、title和header ID，效果非常好！