Как отобразить простой диалог в SharePoint 2010, не нарушая страницу?

Question

Я работал над этим несколько часов сегодня, и я не получаю никуда. Надеюсь, кто-то может вмешаться и помочь.

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

Я прошел через дюжину ссылок из поиска Google, но ничего не помогло.

Единственное, что-то работает этот код, который я положил в Content Editor Web Part:

<script type="text/javascript"> 
    function codeAddress() { 
     alert('ok'); 
     var options = { 

      Title: "Survey", 

      height: 500 

     }; 
     _spBodyOnLoadFunctionNames.push("codeAddress"); 
    } 
    window.onload = codeAddress; 
</script> 

Но, проблема с этим кодом является то, что после того, как я нажимаю ОК, страницы ведут себя странно. Скрипт java страницы не работает, и даже редактирование страницы испорчено до тех пор, пока я не удалю веб-страницу с кодом.

Я подозреваю, что проблема связана с этим:

_spBodyOnLoadFunctionNames.push 

Но если я удалю это то всплывал не работает.

В случае непонятности, моей целью является, чтобы показать любой тип диалога, в котором я могу ввести предложение или два, чтобы сообщить пользователю что-то. Затем они могут нажать «ОК» и вернуть полный контроль на страницу.

Пожалуйста, пожалуйста, помогите кому-нибудь!

Answer 1

Позор в Google за то, что вы не привели вас непосредственно к SP.UI.Modal.Dialog.showModalDialog().

<script> 
ExecuteOrDelayUntilScriptLoaded(showDialog,"sp.js"); 

function showDialog(){ 
    var options = SP.UI.$create_DialogOptions(); 
    options.title = "My Amazing Dialog Box"; 

    // create a dummy HTML element for the body of your dialog box 
    var div = document.createElement("div"); 
    div.appendChild(document.createTextNode("Some text inside my dialog box.")); 
    options.html = div; 

    SP.UI.ModalDialog.showModalDialog(options); 
} 
</script> 

Если вы хотите, чтобы положить, что в редакторе содержимого веб-части:

1. Сохранить выше код в текстовый файл
2. Загрузить этот текстовый файл в библиотеку документов на сайте
3. Добавьте веб-часть редактора содержимого на страницу, где вы хотите, чтобы появилось диалоговое окно
4. Отредактируйте веб-часть, открыв панель свойств веб-части сбоку экрана
5. Вставить URL из текстового файла, загруженного в «Content Link» свойство

Этот метод позволяет SharePoint из разборку Вашего JavaScript из редактора содержимого веб-части, а также позволяет использовать тот же сценарий на нескольких страницы.