The vanilla script way of calling the EurolandToolsIntegrationObject is more or less the same. You can still call it like that, but the auto height adjuster will only function with Euroland tools.Ĭalling the EurolandToolsIntegrationObject with Native JavaScript You sould also note, that if you are using any other IFRAMEs on the site than Euroland tools, then it would be wise to select only the Euroland tools and not via a generic tag. This is all that is needed in order to activate the auto height adjuster. We have added the following method to jQuery EurolandIFrameAutoHeight so the only thing you need to do is to only add in this script:Īs you can see, we are simply selecting all of the iframes on the page and calling the EurolandIFrameAutoHeight method. If your site uses jQuery, then activating the EurolandToolsIntegrationObject is fairly easy. Once the script has been embedded you simply need to call the EurolandToolsIntegrationObject once the IFRAME is visible in the DOM Tree.Ĭalling the EurolandToolsIntegrationObject with jQuery You should note that you can use both the HTTP and HTTPS protocols. This is because the solution does not change anything visually on the IFRAME and the total styling of the IFRAME is left up to the webmasters.įirst of all you need to embed the EurolandToolsIntegrationObject into the site with the following script:

However even when omitting the width and the height attributes, do note how the frameborder and scrolling attributes are still required. This means that the following syntax is also valid, but only if you do not care for legacy browsers: If your site does not support legacy browsers, then you can simply omit the width and the height and the auto height adjuster will take care of the dimensions. Although the auto height adjuster does take care of the dimensions of the IFRAME automatically, the width and height attributes are required so the tool will look good in older IEs as well i.e. Strictly speaking you do not actually need to set them, but the auto height adjuster does not remove the need to properly set up the IFRAME, it only controls the dimensions of the tool. Note how we still need to set the height, width, scrolling and frameborder of the IFRAME in order to use the tool. The HTML syntax for the IFRAME is the same as always, you simply add in the IFRAME to the site were you need it. In terms of how many tools can you have on one page, there is no limitation, you can use as many tools on the same page as needed and the script will work just the same. This does not mean that you can't use the tool in legacy browsers, it just means you need to set up the IFRAME like you normally do, but for newer browsers the height is automatically controlled. The solution is IE8+ compadible and requires you to add in a small JavaScript script into your page in order to be able to change the height of the IFRAME. The Euroland IFrame Auto Height solution allows you to integrate the Euroland IFrame based tools in a manner that the height is automatically adjusted based on the tool's own height, removing the need to set a static height, that is high enough to allow for all of the content. Euroland IFrame Auto Height Adjuster Tutorial

Iframe syntax