CodingForums.com - View Single Post

Sam_aindian · 12-05-2012, 03:53 PM

Hi All,

We are facing an issue with pagelet resize.
We have iScript based pagelets. In iScript we will generate the URL of page and then will pass this URL to an iFrame.
Given Below is the iframe code.

<iframe id="%Bind(:2)" src="%Bind(:1)" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:block"> </iframe>

%Bind - are parameters that are passed dynamically

We need to resize the pagelet based on the content of the page.
We tried with the below function. It works some times. Sometimes it is unable to find the element in the page.

<html>

<script>
function resize(){
myFrame = document.getElementById("%Bind(:2)");
setInterval(function(){myFrame.heig ht = myFrame.contentWindow.document.body.scrollHeight}, 1);
}
</script>

<iframe id="%Bind(:2)" src="%Bind(:1)" onload="resize()" scrolling="no" marginwidth="0" marginheight="0"
frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:block"> </iframe>
</html>

Any idea on this?

We are running this code logic in IE7 and IE8. we are facing same issue in all the browsers.

Thanks for your time.
Regards,
SAM

12-05-2012, 03:53 PM	PM User \| #1
Sam_aindian New to the CF scene Join Date: Dec 2012 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	Pagelets auto resize Hi All, We are facing an issue with pagelet resize. We have iScript based pagelets. In iScript we will generate the URL of page and then will pass this URL to an iFrame. Given Below is the iframe code. <iframe id="%Bind(:2)" src="%Bind(:1)" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:block"> </iframe> %Bind - are parameters that are passed dynamically We need to resize the pagelet based on the content of the page. We tried with the below function. It works some times. Sometimes it is unable to find the element in the page. <html> <script> function resize(){ myFrame = document.getElementById("%Bind(:2)"); setInterval(function(){myFrame.heig ht = myFrame.contentWindow.document.body.scrollHeight}, 1); } </script> <iframe id="%Bind(:2)" src="%Bind(:1)" onload="resize()" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:block"> </iframe> </html> Any idea on this? We are running this code logic in IE7 and IE8. we are facing same issue in all the browsers. Thanks for your time. Regards, SAM