Question

我目前正在重新设计SharePoint上的页面，但是在新页面打开时添加弹出窗口时遇到问题。我希望用户点击进入新页面，当新页面打开时，会出现一个带有消息的弹出窗口。

我对SharePoint很新，因此我发现这很困难。

我见过使用JQUERY，Javascript，HTML等的解决方案，但不知道如何使用SharePoint（在.aspx页面上）完全实现它

我想不惜一切代价避免使用JQUERY和Javascript，因为它们不是我最强大的领域。

是否需要添加新的Web部件并将代码嵌入其中？或

非常感谢任何帮助。

Answer 1

添加脚本编辑器Webpart（Sharepoint 2013）然后添加下面给出的代码

  $(document).ready(function(){
    $('#overlay, #popup').css('display', 'block');


  $('#overlay').click(function(){
    $('#overlay, #popup').css('display', 'none');
  });

 });

添加内容编辑器webpart，然后在那里添加CSS和HTML

 <input type="button" id="btn" value="Click Here" />
 <div id="overlay"></div>
 <div id="popup"></div>

当弹出窗口时，您无法完全避免Javascript，在Fiddle中查找完整代码。（在小提琴示例中，而不是直接在ready函数内单击添加代码）

http://jsfiddle.net/JRD06/sx0mjwe1/

或使用此

https://fiddle.jshell.net/nikhilmangal/srg3gy26/light/

Answer 2

SharePoint 2010和SharePoint 2013中包含的JavaScript库包括以标准方式轻松创建和显示对话框的方法。

为此，您只需执行SP.UI.ModalDialog.showModalDialog()。

例如：

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    var dialogOptions = SP.UI.$create_DialogOptions();
    dialogOptions.title = "Your Title Here!";
    var dummyElement = document.createElement("div");
    dummyElement.innerHTML = "<h1>Your HTML Goes Here</h1>"
    dialogOptions.html = dummyElement;
    SP.UI.ModalDialog.showModalDialog(dialogOptions);    
}

要在页面加载时运行JavaScript，您可以将其嵌入Web部件中。

在SharePoint 2010中，将JavaScript代码保存到文本文件中（其周围带有<script>个标记）并将其保存到SharePoint网站上的库中，然后将内容编辑器Web部件添加到所需的页面中要运行的代码，并将Web部件的“Content Link”属性设置为文本文件的路径。
在SharePoint 2013中，使用“脚本编辑器”Web部件嵌入所需的JavaScript。

在Sharepoint上打开新页面时添加弹出窗口

2 个答案: