php “iframe” load SP Modal dialog

manpreet Best Answer 2 years ago

I have a php page insert into a PageViewer Webpart, in the php page, I have a button and I want that when you click on it, it will display a sharepoint modal windows in the parent sharepoint page (diplaying an url)

In the php page I tried :

function ShowDialog()
    {

    var options = parent.SP.UI.$create_DialogOptions();
    options.width = 700;
    options.height = 500;
    options.url = "myurl.html";
    parent.SP.UI.ModalDialog.showModalDialog(options);
    }

......

 name="test" value="test" type="button" onclick="javascript:ShowDialog();">

or

insert the function in a webpart content editor :

function ShowDialog()
    {

    var options = SP.UI.$create_DialogOptions();
    options.width = 700;
    options.height = 500;
    options.url = "myurl.html";
    SP.UI.ModalDialog.showModalDialog(options);
    }

and in the php page :

 name="test" value="test" type="button" onclick="javascript:parent.ShowDialog();">

...... or :

 name="test" value="test" type="button" onclick="javascript:window.parent.ShowDialog();">

but nothing work. any ideas?

manpreet 2 years ago

I finally find one working Solution: The fact is that the iframe and the page are not store on the same server and so, the access to parent.function() is denied.

The solution is to store one html page (here proxy.html) page on the SharePoint with this code :

 type="text/javascript">


  // This event is fired when you change my window size
  window.onresize = function(){

    // Retrieve the hash of my url, ex: #action:value
    var hash = document.location.hash;

    if(hash != ''){

      // Split # to extract "action:value"
      var hash = hash.split('#');

      // Split : to extract "action" and "value"
      var params = hash[1].split(':');

      switch(params[0]){



        case 'sh_dial':            
          // Call my parent funtion ShowDialog

          window.top.ShowDialog(params[1]);
          break;

        default:
          break;
      }
    }
  };

In my Iframe (php page) :

It's need to display the proxy.html page in an iframe

 src="http://sharepointsite/Documents/proxy.html" id="iframeProxy" width="0" height="0" ...>

and adding this code :

 type="text/javascript">

    // Here you can call this function to make the job by the proxy
    function gotoAction(action) {

      var iframeProxy = document.getElementById('iframeProxy');

      // Step 1: put the parameters you want to give to the iframe proxy in the hash
      var src =  iframeProxy.src.split('#');
      iframeProxy.src = src[0] + '#' + action;

      // Step 2: change the size of the iframe proxy to execute his resize event (see proxyA.html)
      document.getElementById('iframeProxy').width = parseInt(document.getElementById('iframeProxy').width) + 1;

      return false;

    }

Finally on the Button (Php page) :

 name="test" value="test" type="button" onclick="gotoAction('sh_dial:Param');">