Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Adding wmode=transparent to SWFOBJECT

Posted on 2009-05-18
6
Medium Priority
?
4,800 Views
Last Modified: 2012-05-07
I want to add the wmode=transparent parameter to swfobject.

Below is my current code, which does not seem to actually turn on transparent mode.

You can see the item page I'm  using it at here... and that transparent isn't on because you can see when rollover the QTY discountn button in FF you can't see thru the flash to see the box that pops up.

http://www.versatables.com/pages/products/school/aj30xx-test3.php#


<script type="text/javascript">
swfobject.embedSWF("http://www.versatables.com/media/flash/swf/CTL30-DEMO-09-LOAD.swf", "myContent", "300", "320", "7.0.0", "expressInstall.swf");
so.addParam("wmode", "transparent"); 
so.write("flashcontent");
</script>

Open in new window

0
Comment
Question by:cstormer
6 Comments
 
LVL 10

Expert Comment

by:Phatzer
ID: 24415997
The object holds parameters and the embed object (generally). I think when I tried this a while back, the wmode="transparent" must remain as a param, but also inside the embed tag for it to work cross-browser. As you are using javascript, however I cannot help you any further than provide this input.
0
 
LVL 16

Expert Comment

by:s8web
ID: 24416518
I think your

"swfobject.embedSWF" might be causing your issue.

Try my snippet and see what happens.

    <script type="text/javascript">
    var so = new SWFObject("pathto.swf", "swfname", "width", "height", "version", "#bgdcolor");
    so.addParam("wmode", "transparent");			
    so.write("flashcontent");
    </script>

Open in new window

0
 
LVL 16

Expert Comment

by:s8web
ID: 24416526
"#bgdcolor" will be ignored, give it a value anyway
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 43

Accepted Solution

by:
David S. earned 2000 total points
ID: 24416812
so.addParam("wmode", "transparent");   is for older versions of that script.

Replace those 3 function calls with this one:
swfobject.embedSWF("http://www.versatables.com/media/flash/swf/CTL30-DEMO-09-LOAD.swf", "myContent", "300", "320", "7.0.0", "expressInstall.swf", {}, {wmode:"transparent"});

Open in new window

0
 

Author Comment

by:cstormer
ID: 24416815
No that doesn't seem to work.. nothing comes up when I run that...
0
 

Author Comment

by:cstormer
ID: 24416833
Sorry let me try that last one.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
The goal of the tutorial is to teach the user how to select which audio input to use. Once you have an audio input plugged into the laptop or computer, you will go into the audio input settings and choose which audio input you want to use.
Suggested Courses

885 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question