A Flash Developer Resource Site

Results 1 to 5 of 5

Thread: JavaScript question...

  1. #1
    Member
    Join Date
    Jan 2003
    Posts
    43

    JavaScript question...

    I'm looking to open a pop-up window with my website in it (which is essentially just an placeholder HTML page that has only my SWF in it... the SWF is the entire web page). Now the trick is, I already have the popo-up come up as a centered window at 800 X 600. On really high resolutions, though, the text in the SWF gets really small. Is there any way to have Javascript open the pop-up and resize automatically to %75 of the horizontal and vertical size of the user's screen resolution? Also, if I do that, is there a way to have the SWF that's embedded in the HTML page to auto-scale along with the pop-up window (the same behavior that occurs when you open an SWF file directly with Internet Explorer)?

    Thanks in advance.

  2. #2
    Senior Member
    Join Date
    Nov 2003
    Location
    Las Vegas
    Posts
    770
    Use percentages in both the call to window.open (75%) and in the object/embed tags (100%).

  3. #3
    Senior Member timBertrand's Avatar
    Join Date
    Mar 2004
    Posts
    213
    Yeah, this is possible.
    I haven't written in JavaScript in a while, so I'm not entirely sure of myself, but here goes:


    <script type="text/javascript">
    <!--
    wWidth = (screen.width*0.75);
    wHeight = (screen.height*0.75);
    fileLoc = whatever.html
    genWindow = window.open(fileLoc, "genWindow", 'width=' + wWidth + ', height=' + wHeight + ', left=' + ((screen.width - wWidth)/2) + ', top=' + ((screen.height - wHeight)/2));
    genWindow.resizeTo(wWidth, wHeight);
    genWindow.moveTo((screen.width - wWidth)/2, (screen.height - wHeight)/2);
    genWindow.focus();
    -->
    </script>

    stick that in the head of your index.html, assuming you want the pop-up to trigger immediately.

    In whatever.html, change the WIDTH=### and HEIGHT=### in the <EMBED> and <OBJECT> tags to:
    WIDTH=100% and HEIGHT=100% respectively.

    And there you go, if all went according to plan, you have a pop-up 75% of the screen's size and a flash movie filling it, scaling with the size of the window.

    If you want the flash movie to fill every damn pixel of whatever.html (the pop-up window) stick this in its <BODY> tag:
    <BODY leftmargin=0 topmargin=0>

    Hope I've been a help and not just confused you more

  4. #4
    Member
    Join Date
    Jan 2003
    Posts
    43
    Well, I can't seem to get it to work (I'm really a newbie with script).

    In my index.html, I've got a Flash button that calls this pop-up. In the button's actions, this is what I have now:

    on (release) {
    getURL("javascript:NewWindow=window.open('http://www.mywebsite.com/flashpage.swf','newWin','width=800,height=600,left =0,top=0,toolbar=No,location=No,scrollbars=No,stat us=No,resizable=No,fullscreen=No'); NewWindow.focus(); screen_height = window.screen.availHeight; screen_width = window.screen.availWidth; left_point = parseInt(screen_width/2)-(800/2); top_point = parseInt(screen_height/2)-(600/2); setTimeout('NewWindow.moveTo(left_point,top_point) ',100); void(0);");
    }

    How would I achieve what I want in this Flash button's actions?

  5. #5
    Member
    Join Date
    Jan 2003
    Posts
    43
    Bump... any help?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center