Features that work on the same domain or with the external workaround

This demos show the features only available in the pro version of the advanced iframe. The features below work if you are on the same domain or if you can use the external workaround.

• Using the external workaround on an external domain IF you are able to modify the external page. Than you are able to use the auto-height feature also available in the free version but also you are able to use the features of “Modify the content of the iframe if the iframe page is on the same domain”
  • Example 6: Auto height and hiding of elements
  • Example 7: Auto height and show one element only
• External workaround: Post communication and include external content The newer way that the iframe communicates with the parent + new features that are possible now:
  • Example 51: Auto height and hiding of elements with postMessage
  • Example 52: Include content directly with post message communication
  • Example 53: Auto height and hiding of elements with postMessage AND a HTTPS page inside the iframe
• Sub domain: Auto height and css modifications. Use all features like you are on the same domain
• Change links targets on the parent and on the iframe page
  • Example 10: Change links targets at the parent and at the iframe page if the iframe is on the same domain
  • Example 11: Change links targets at the iframe page if the iframe is on a different domain + border + iframe redirect
• Auto zoom: Auto zoom the content of the iframe
  • Example 29: No zoom
  • Example 30: Auto zoom iframe on the same domain
  • Example 31: Auto zoom iframe on a remote domain
• Auto height of hidden iframes: Use iframes in hidden divs  – e.g. on tabs
  • Example 17: Simple hidden iframe auto height example
  • Example 18: Nested hidden iframe auto height example
  • Example 28: Hidden iframe auto height example with auto lazy loading
• Responsive iframes
  • Example 19: Responsive iframe on the same domain
  • Example 20: Responsive iframe on a different domain using the external workaround.
• Resize on element resize
  • Example 26: Resize on element resize same domain
  • Example 27: Resize on element resize on a different domain
• Add iframe url as param
  • Example 32: Add the url on the same domain
  • Example 33: Add the url on the remote domain
• Wrapped auto height

Have fun using Advanced iFrame Pro,

Michael