新しいページが共有ポイントで開くときにポップアップウィンドウを追加する

Question

現在、SharePoint上でページを再設計しています。新しいページが開いたときにポップアップウィンドウに追加する際に問題があります。ユーザーが新しいページをクリックして、新しいページが開くと、ポップアップウィンドウが表示され、メッセージが表示されます。

私はSharePointにとってかなり新しいので、なぜこの困難を見つけるのでしょうか。

そうでないと、私はすべてのコストでjQueryとJavascriptを避けたい、私は正確に（.aspxのページ）のSharePointを使用してそれを実装する方法がわから

をjqueryのは、JavaScript、HTMLのなどを使用してではなく、ソリューションを見てきました

私の最も強い分野。

新しいWebパーツを追加し、そこにコードを埋め込む場合ですか？

ご協力いただければ幸いです。

Answer 1

その後

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


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

}); 

下記のコードは、コンテンツエディタWebパーツを追加して、あなたをポップアップするために来るときそこ

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

をCSSとHTMLを追加スクリプトエディタWebパーツ（Sharepointの2013）を追加することができます」完全にJavascriptを避ける、フィドルで完全なコードを見つける。

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

を（フィドルの例では、代わりにクリックの準備ができて関数内で直接にコードを追加します）、またはhttps://fiddle.jshell.net/nikhilmangal/srg3gy26/light/

Answer 2

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);  
} 

あなたがWebパーツに埋め込むことができ、ページのロード時に実行するJavaScriptを取得します。

• 、あなたがしたいページにコンテンツエディタWebパーツを追加し、SharePointの2010年には、（その周り<script>タグで）テキストファイルにJavaScriptコードを保存して、SharePointサイト上のライブラリに保存します実行するコード、およびWebパーツの "Content Link"プロパティをテキストファイルのパスに設定します。
• SharePoint 2013では、スクリプトエディタWebパーツを使用して、目的のJavaScriptを埋め込みます。