Model PopUp in Sharepoint 2010

Question

I'm trying to set up a pop up window with a URL to a document each time my Sharepoint site is loaded.

I read that it can be done by adding a content editor web part with a following code to a page:

<script type="text/javascript" src="/_layouts/14/sp.ui.dialog.js">
var options = SP.UI.$create_DialogOptions();
options.title = "My Dialog Title";
options.width = 400;
options.height = 600;
options.url = "http://www.google.com";
SP.UI.ModalDialog.showModalDialog(options);</script>

But I'm getting nothing. Please help identify what am I doing wrong.

Answer 1

Short summary of what I did:

1- Added CEWP to my page and set Chrome type to none.

2- Added these refferences to a page itself:

<script src="/_layouts/sp.core.js" type="text/javascript"></script>
<script src="/_layouts/sp.runtime.js" type="text/javascript"></script>
<script src="/_layouts/sp.js" type="text/javascript"></script>
<script src="/_layouts/SP.UI.Dialog.js" type="text/javascript"></script>

3- Copied *.js files from C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\1033 to C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\LAYOUTS

A code from CEWP:

<script type="text/javascript">
window.setTimeout(popupwin,10000);
function popupwin(){ExecuteOrDelayUntilScriptLoaded(function ()
{var options = SP.UI.$create_DialogOptions();
options.title = "My Dialog Title";
options.width = 400;
options.height = 600;
options.url = "/Shared%20Documents/Forms/AllItems.aspx";
SP.UI.ModalDialog.showModalDialog(options);},'sp.js');}
</script>

Answer 2

The issue is that you cannot put script tags into a CEWP.

In 2013 there is a Script Editor web part that works, but not in 2010.

The way to get around this issue is to load the script from a document.

Put the script into a .txt file (use notepad or something).

Upload it into one of the libraries on your site. It would be SharedDocuments or StyleLibrary.

Go into the web part settings of the CEWP and past the url of the file you just uploaded into the Content Link field.

Here is a tutorial.

Answer 3

Put this script in Content Editor Webpart:

<script type="text/javascript">
 //******** Basic Dialog Starts Here ***********/
 function openBasicDialog(tUrl, tTitle) {
     var options = {
         url: tUrl,
         title: tTitle,
         width: 1500,
        height: 1000
     };
     SP.UI.ModalDialog.showModalDialog(options);
 }
 //******** Basic Dialog Ends Here ***********/</script><a href="#" onclick="openBasicDialog('https://abc.com','Welcome Page');">ShowModal Dialog</a>

OR

<a onclick='javascript:NewItem2(event, "http://www.google.com");javascript:return false;' 

href="https://www.google.com" target="_self">Show google In Modal Window</a>