- DevExpress CodeRush Express: http://devexpress.com/Products/Visual_Studio_Add-in/CodeRushX/

- Want to refactor your Aspx files ? http://devexpress.com/Products/Visual_Studio_Add-in/RefactorASP/

Want to know how it works? Look here http://tv.devexpress.com/

You want more goodies?

Check this out! http://www.visualstudiogallery.com/ This is an official site from MSFT!

Thanks to Yvan C.

The content of the IFrame content load after the current page is loaded or after the “src” attribute change. So we are not able to have the IFrame content height or width until the data is rendered. It exist an event handler called “onload” that trigger once the content is loaded, but it is not possible to get the content body height, in fact it will alway’s return 0. By googling, I’ve found a lot of solutions, but none of them was working properly or at least working like I wanted. Because of that, I’ve written my own solution.

My solution is to use a “setTimeout” until the IFrame content is fully rendered on the page and after that, we are able to get the iframe content height and set it to the IFrame itself. In the following solution I actually use JQuery. If you need to convert it to normal JavaScript, it should be pretty easy.

Write this into your HTML:

1
2

<iframe id="iframeId" name="iframeId" onload="sizeIFrame(this.id)" style="width:100%">
</iframe>

Write this in your javascript (header or JS file):

1
2
3
4
5
6
7
8
9
10
11
12

function sizeIFrame(frameId) {
	var myIFrame = $("#" + frameId);
	var innerDoc = (myIFrame.get(0).contentDocument) ? myIFrame.get(0).contentDocument : myIFrame.get(0).contentWindow.document;
 
	try {// will throw an exception if the body is not fully loaded.
		myIFrame.height(innerDoc.body.scrollHeight + 35);
	} catch (e) { }
 
	if (innerDoc.body && innerDoc.body.scrollHeight == 0) {
		setTimeout(function() { sizeIFrame(frameId); }, 100);
	}
}

If you are having any problem please leave a comment.

This solution have only been tested on Internet Explorer 6/7

Here’s how internet explorer define the setInterval() function:

1

var iTimerID = window.setInterval(vCode, iMilliSeconds [, sLanguage])

You can find how to work with it by going on the this site msdn.microsoft.com.

Inside Firefox, you can actually instead of the third parameter, submit 1 or more parameter that will be used when calling back your function. By going on Mozilla specification page, you can find how to set interval on Mozilla browsers.

1
2

intervalID = window.setInterval(func, delay[, param1, param2, ...]);
intervalID = window.setInterval(code, delay);

Resolution
If you want to be able to send your function the proper parameter, the best way is be doing an inner function parameter calling the function you want to call. What does that mean? It means that you will be able to call a function using your context variables.

Here’s an example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

var myIntervalId = null;
 
function myFunction(a, b, c){
	var xyz = 3;
	// some code
 
	// Set the interval with an anonymous method calling your application method.
	myIntervalId = setInterval(
		function(){ 
			intervalFunction(xyz, 12); 
		}, 1000);
 
	return myIntervalId;
}
 
function intervalFunction(param_1, param_2){
	if (param_1 != 0){
		clearInterval(myIntervalId); // Stop the interval
		// some code here
	}
	param_1 = param_1 -1;
	// Some code here
	alert(param_1);
}
 
myFunction(1,2,3); // Do the call to a function;

In this small example with almost no code, you will actually wait 3 seconds and after it will stop the counter and do what you want to do. Also, between those interval, you will receive a pop-up saying how much time you have left before the countdown stop.

This is nothing extraordinary, but if you plan on using interval using context parameters, be aware that you should do this instead of anything else.

1
2
3
4

body.ClassName /* Page nested in the IFrame */
{
    background-color:transparent;
}

But, that code doesn’t work with IE. The thing is, when you have an IFrame inside IE, it automatically add the style attribute “background-color:#ffffff”. To remove that IFrame background-color, you need to add the following attribute on your iframe.

1
2

<iframe id="myIframe" allowtransparency="true" src="../myproject/page">
</iframe>