ansaurus

Question

How do I set a flash object to open a url in a new window?

Answer 1

A:

It depends (doesn't it always?).

If you want the flash object to always open the same site you can create an on-click event for the object tag and have it run a JavaScript pop-up:

javascript: window.open('http://www.stackoverflow.com', _blank, 'width=1024, 
                        height=600, menubar=no, resizable=yes');

to open another site.

If you want the FLASH movie to open a link, depending upon what's clicked on you need to add a GoToURL action within the flash. You will need to tell that action to open in a new window.

Something like GoToURL('www.yahoo.com', true) where true is referring to opening in a new window.

However, since I do not have flash open my syntax is probably off.

Hopefully this is enough to get you started.

tlatourelle 2009-03-10 15:22:34

Thanks for your help Tom, I added your code to the object tag as illustrated above and it still doesn't work, maybe I'm doing it wrong?cheers,Keith

Keith Donegan 2009-03-10 15:26:58

Answer 2

A:

You need to do this in the flash with ActionScript

btnMovieClip.onRelease = function(){
    getURL("http://www.yoururl.com");
};

Make a MovieClip that fills the whole scene, and give it the name btnMovieClip. Put the above code in a frame in your timeline.

Eibx 2009-03-10 15:23:00

Thanks Eibx, unfortunately the company only gave me the flash banner, it's quite strange alright

Keith Donegan 2009-03-10 15:34:18

Oh. I see, but you're welcome.

Eibx 2009-03-11 07:53:47

Answer 3

+2 A:

You can position a DIV over your flash object to capture the mouse click. To do this, you need to set the wmode of the flash object to opaque, and use some javascript to position the div. Here's a full example:

<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
    var flashvars = {};
    var params = {
        menu: "false",
        scale: "noScale",
        wMode: "opaque"
    };
    swfobject.embedSWF("MyFlashApp.swf", "swf", "300", "300", "9.0.0",
                       "expressInstall.swf", flashvars, params);

    $(function() {
        var swf = $("#swf");
        $("body").append(
            $("<div onclick=\"window.open('http://www.google.com');\"&gt;&lt;/div&gt;").
                css({
                    position: 'absolute',
                    top: swf.offset().top,
                    left: swf.offset().left,
                    width: swf.attr('width'),
                    height: swf.attr('height'),
                    zIndex: 1
                })
        );
    });
</script>
</head>
<body>
<div id="swf"></div>
</body>
</html>

Note the use of swf.attr('width') instead of swf.width(), the latter returns 0, probably because it's too early to get the flash object's dimensions. Later on, when called by hand, it does return the correct value.

David Hanak 2009-03-10 16:12:27

I tried the solution and it worked fine with Firefox 3.0.14 but not with IE7. Clicking the flash object in IE doesn't do anything. Bummer!

tzup 2009-10-22 11:58:16

Have you checked if the created div is positioned properly? Perhaps it is not, because of how IE treats the 'position' CSS style. Try setting the position style of your body element to relative and see if that helps.

David Hanak 2009-10-27 15:10:51

ansaurus

tags:

views:

answers:

How do I set a flash object to open a url in a new window?

related questions