Add iframe url as param: remote domain

Example 33: Add iframe url as param remote domain + use a prefix for shorter parameters

This example shows how the current iframe url is added to the parent url as parameter if the iframe is on the REMOTE domain and the external workaround can be used. This features is only available in the pro version of the advanced iframe.

To make it easier to copy/paste the examples most examples are fully configured in the shortcode directly. I use use_shortcode_attributes_only="true" that none of the settings from the administration are used.

The following two settings are the important ones:

  • map_parameter_to_url="page" - This enables that the value of parameter page should be opened inside the iframe
  • add_iframe_url_as_param="remote" - This enables that the iframe url is on the remote domain and should be added to the parameter defined at map_parameter_to_url. In this example the var add_iframe_url_as_param="remote" is also set before the ai_external.js as this example works independent of all other examples.
  • add_iframe_url_as_param_prefix="examples.tinywebgallery.com/example33/" - This parameter is a prefix that is added internally to all urls that had this prefix before. This makes the parameter much shorter compared to example 32. Please note that the prefix has to be without the protocol like http://. This is added internally!

Click on the links in the iframe and check the url in the address bar. Also reload the page when you are on a different page. The current page in the iframe should be opened again.

[advanced_iframe securitykey="your key" src="http://examples.tinywebgallery.com/example33/page1.html" use_shortcode_attributes_only="true" id="example33" height="150" width="310" map_parameter_to_url="page"  add_iframe_url_as_param="remote" add_iframe_url_as_param_prefix="examples.tinywebgallery.com/example33/"]

On the remote page you have to add
<script>
var updateIframeHeight = "true";
var add_iframe_url_as_param="remote";
</script>
<script src="http://www.tinywebgallery.com/blog/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>