Resize Flash at runtime

Posted in Flash at 9:14 pm by Madarco  

If your content is bigger than the average screen size, using a flash scrollbar for the entire document is really slow and not user-friendly, so its better to enlarge flash to fit the content and scroll the entire page with the browser's scroll bar.

Put the flash object in a div:

HTML:
PLAIN TEXT
  1. ...
  2. <SCRIPT LANGUAGE="JavaScript">
  3. <!--
  4. function newSize(width,height) {
  5.     if(document.all && !document.getElementById) {
  6.       document.all['myflash'].style.pixelWidth = width;
  7.       document.all['myflash'].style.pixelHeight = height;
  8.     }else{
  9.         document.getElementById('myflash').style.width = width;
  10.         document.getElementById('myflash').style.height = height;
  11.     }
  12. }
  13. //-->
  14. </script>
  15. </head>
  17. <div id="myflash" style="position:relative; width:100%; height:100%; z-index:1; min-width:1000px;">
  19.  ...
  20. </object>
  21. </div>

and in the movie do:

Actionscript:
PLAIN TEXT
  1. getURL("javascript:newSize('1000px', '100%')");

Other info here

This entry was posted on Saturday, November 11th, 2006 at 9:14 pm and is filed under Flash. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

4 Comments

  1. [...] I've found that resizing a flash movie to fit his content has a little drawback: the mouse wheel doesn't work when the movie has focus, and in my case the movie has width: 100%. Luckily I've found a nice javascript to scroll the page. [...]

    Pingback by Madarco DevBlog » Blog Archive » Scroll browser window inside Flash — November 14, 2006 @ 2:13 pm

  2. This was pretty helpful stuff, thanks!

    Comment by flashman — December 28, 2006 @ 2:10 pm

  3. Hi,
    I tried your code and it works fine in a mozilla firefox browser, but not with IE7. Is there some part of this code that IE7 doesn't like?

    Comment by LadySamG — November 1, 2007 @ 10:58 pm

  4. I don't know, it seems to work to me, but if you find some problem let me know

    Comment by Madarco — November 10, 2007 @ 8:01 pm

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.