2016-10-26 4 views
0

В настоящее время я пересматриваю страницу в SharePoint, и у меня возникают проблемы с добавлением всплывающего окна при открытии новой страницы. Я хочу, чтобы пользователь заходил на новую страницу, и когда открывается новая страница, появляется всплывающее окно с сообщением.Добавление всплывающего окна при открытии новой страницы в Sharepoint

Я довольно новичок в SharePoint, и поэтому я нахожу это трудным.

Я видел решения с использованием JQuery, JavaScript, HTML и т.д., но не уверен, как именно реализовать его с помощью SharePoint (на .aspx странице)

Я хотел бы избежать Jquery и Javascript любой ценой, поскольку они не являются мои самые сильные области.

Это случай добавления новой веб-части и встраивания кода там или?

Любая помощь была бы принята с благодарностью.

+0

Ye Я ранее пробовал использовать код внедрения, такой как выше, но он только показал формулировку со ссылкой, которая ничего не открывала. Мне нужно открыть всплывающее сообщение, когда пользователь откроет страницу. –

+0

Можете ли вы показать что-то визуально, что вы ожидаете? Я думаю, вы немного запутались между подсказкой, всплывающим окном и новым окном. – Selvam

ответ

0

Добавить редактора сценариев WebPart (Sharepoint 2013) Затем добавить код, указанный ниже

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


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

}); 

Добавить Content Editor веб-части, а затем добавить CSS и HTML там

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

Когда приходит всплывающее окно вы можете» t полностью избегайте Javascript, найдите полный код в Fiddle. (В скрипичной примере вместо мыши добавить код непосредственно внутри готовой функции)

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

или использовать этот

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

0

библиотеки JavaScript, включенные в SharePoint 2010 и SharePoint 2013 включают в себя методы легко создавать и отображать диалоговые окна стандартным образом.

Для этого вы просто выполняете 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 для запуска при загрузке страницы, вы можете вставлять его в веб-части.

  • В SharePoint 2010, сохранить свой код JavaScript в текстовый файл (с <script> теги вокруг него) и сохранить его в библиотеку на сайте SharePoint, а затем добавить редактора содержимого веб-части на страницу, где вы хотите кода для запуска и установить свойство «Content Link» веб-части на путь к текстовому файлу.
  • В SharePoint 2013 веб-часть редактора сценариев используется для встраивания желаемого JavaScript.