Invoking-sp-modaldialog-in-sharepoint-2013-hosted-apps

Question

Hello All,
I'm building a SharePoint 2013, SharePoint Hosted app project using the JSOM api. I have to make use of the  SP.UI.ModalDialog to popup some content in the app.
I have used the getScript method to load the sp.js, sp.runtime.js and SP.RequestExecutor.js. I also have the necessary Microsoft SP js(MicrosoftAjax.js) and
other jQuery files referenced in my app. Even after loading these files, when I call the method to show a simple popup on the screen I get a
JavaScript error saying :Error: Unable to get property 'execute' of undefined or null reference.
I also have the <WebPartPages:AllowFraming ID="AllowFraming1" runat="server"/>
on the top of my app part page.
Following is the code I have used in the app.
$(document).ready(function () {
    var scriptbase = HOST_WEB_URL + '/_layouts/15/';
    $.getScript(scriptbase + 'SP.Runtime.js',
        function () {
            $.getScript(scriptbase + 'SP.js',
                function () { $.getScript(scriptbase + 'SP.RequestExecutor.js', openDialog); }
function openDialog() {
    var options = {
        url: "/_layouts/15/accessdenied.aspx?IsDlg=1",
        title: 'Sharing  Information',
        width: 500,
        height: 200,
        allowMaximize: false,
        showClose: true
                SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);  
    return false;
The error comes up with the SP.SOD.execute().
Has anyone faced this issue before? Can anyone help me correct this?
Thanks in advance
Vishnu

Answer 1

Hi Vishnu,
Greetings. Please check this
http://sharepoint.stackexchange.com/questions/93901/getting-list-using-javascript-error-unable-to-get-property-apply-of-undefine
http://sharepoint.stackexchange.com/questions/94797/unable-to-get-property-get-current-of-undefined-or-null-reference
Please remember to click 'Mark as Answer' on the answer if it helps you