Question

我一直在使用SharePoint Online，我一直在研究这个问题，但我无法理解，所以我正在考虑从头开始重新创建我的SP站点的某个部分。

我正在创建一个东西表，并将链接放在参考材料的侧面，但我需要创建一个对话框或iFrame，在框中显示参考材料的网站，同时保持在同一个SP网站上背景。有点像这样 - ＆gt; http://demos.jquerymobile.com/1.4.0/popup-iframe/

这个演示有一个加载的视频和地图，但我想在整个框内加载整个网站。

<!DOCTYPE html>
<html>
<head>
<style>
body {font-family: "Lato", sans-serif;}
/* Spacer for template*/
td.spacer   {
                margin-left: 100px
            }
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}


/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}



</style>
</head>
<body>
<div class="tab">
  <button class="tablinks" onclick="openLink(event, 'Tab1')">Tab1</button>
 <button class="tablinks" onclick="openLink(event, 'Tab2')">Tab2</button>
 </div>

<div id="Systems Design" class="tabcontent">
<table style="width:50%">  
    <th> Description </th>
    <th> Link </th>
        <tr>
            <td>Desc1</td>          
            <td style="width:25%"> <a href = "https://www.google.com">Click 
Here</a></td>
        </tr>
        <tr>
            <td>Desc2 </td>
            <td> <a href = "https://www.google.com">Click Here</a></td>
        </tr>
</div>
</body>
</html>

Answer 1

iframe可能很挑剔。许多网站只允许相同的来源请求，这意味着iframe不会在不属于自己的域上呈现为资源。此外，安全性必须匹配，即http网站无法加载https iframe。解决方法可能是在弹出窗口中使用img标记和网站的屏幕截图。

如何创建一个对话框，在后台停留在我的SharePoint网站上时打开自己的网站？

1 个答案: