Delayed IFRAME Loading

Suppose you have a CRM form that has several IFRAMES contained in multiple tabs. Loading such a form can sometimes create a performance issue on the client browser due to the frames all loading at the same time. One such way to reduce the hit on performance would be to delay loading an IFRAME until the tab it is on is clicked and made visible.

What we’re going to do is create a function that sets the source of the IFRAME and then we’ll attach the function to the onclick event of the tab. In this example, I have an IFRAME named ‘IFRAME_myiframe’ and I have set the original url to be ‘about:blank’. I want the IFRAME to display the Bing search engine when it’s tab is displayed.

IFRAME Load function

Setting an IFRAME source via javascript is a pretty simple piece of code that CRM customizers should be familiar with. We’re just going to wrap the code within a function:

LoadFrame = function() {
     crmForm.all.IFRAME_myiframe.src='http://www.bing.com';
}

This function should be placed in the OnLoad of the form.

The Tab Element

Next, we need to identify the name of the specific tab we want. The id of any tab on a CRM form is ‘tabXTab’ where ‘X’ represents the zero-based index of the tab. So the first tab is named tab0Tab, the second is named tab1Tab, and so on. The tab I want to work with is the second tab, so the element I’m looking for is named ‘tab1Tab’.

Now that we’ve identified the tab element, let’s attach the load function:

document.getElementById('tab1Tab').onclick = LoadFrame;

Note: Place this code in the form’s OnLoad event, but make sure it comes AFTER the load function we defined above.

That’s all there is to it. Cheers!

 

 

Technorati Tags: CRM,Javascript,CRM IFRAME,CRM Customizations,CRM Scripting

Comments

[Jevgenij Martynenko]

Hello,

I am sorry, but IMHO this code is totally pointless.
The urls in all IFRAMEs of all tabs other than the first one would load only after you click on the tab, but not on the form Load event.

P.S. checked that in CRM Server 4.0 UR6

[Will]

But have you checked that in previous rollups and even in CRM 3.0? Not everyone run the latest version or rollup.
So while it may not be that great for *you*, it could still benefit others.
Cheers!

[Jevgenij Martynenko]

I am sorry, I should have stated that my post was about version 4.0

Regards!

[Simon Jackson]

about:blank is not really best practice, /_static/blank.htm is considered better according to this post: http://xrm.ascentium.com/blog/crm/Post612.aspx

[Dan Griffin]

CRM forms build the entire form including pupulating the iFrames, including all tabs on open, unless you specifically insert code to stop that behavior. It doesn't vary by roll-up or version.

[Jeff Macfie]

That worked for me Will. Thanks!!!