So, after doing a whole bunch of z-index troubleshooting, I determined that wmode transparent isn't getting applied to to my flash file on my website. I have a dropdown menu that, in IE, is falling behind the flash. I'm using swfObject 2.2, and I must have an error somewhere because if I use this old method of embedding, everything works fine:
[Code]....
I have the following Flash code running the photo stack at top right in this page: [URL]
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("[URL]", "slider", "650", "260", "9.0.0", "[URL]", false, flashvars, params, attributes);
</script>
I'm not that familiar with Flash, but I've used wmode in the past to make a movie have a transparent background. Is something wrong with the syntax here?
I'm trying to write some javascript that will always allow me to float content over a flash player. To do this, the <object> tag needs to have a <param> tag added to set the wmode to transparent, and the <embed> tag needs to have the wmode attribute set to transparent also. So the source will first look like:
<object width="560" height="340">
<param name="movie" value="[URL]"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="[URL]"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="560"
height="340">
</embed>
</object>
And I want the javascript to change it to:
<object width="560" height="340">
<param name="movie" value="[URL]"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="wmode" value="transparent"></param>
<embed src="[URL]"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="560"
height="340"
wmode="transparent">
</embed>
</object>
The thing is, I currently have code that adds the parameters to the object and the embed tags, but I am unable to float content over the player. The javascript I currently have is:
function init(){
var embedCollection = document.getElementsByTagName("embed");
var objectCollection = document.getElementsByTagName("object");
for(i=0;i<objectCollection.length;i++){
var myParam = document.createElement("param");
myParam.setAttribute("name","wmode");
myParam.setAttribute("value","transparent");
objectCollection[i].appendChild(myParam);
}
for(i=0;i<embedCollection.length;i++){
embedCollection[i].setAttribute("wmode","transparent");
} } window.onload=init;
If I use Firebug to inspect the page after it has loaded, I can see that all the elements have been updated with the appropriate tags and attributes, but the floating content does not appear above the flash player. I'm sure the floating content is coded correctly, because if I hard code the tags and attributes into the HTML instead of using javascript, the floating content appears. I've been told on an IRC chatroom that I need to find away to reload the flash player after I've added my new tags and attributes, so that its aware of the new tags and attributes. How can I use javascript to force the flash player to reload itself?
If you check this page Targeted fitness training for body and mind, the swf file is not being loaded. I just see a spinning graphic.
View 1 Replies View Relatedflashvars.targetURL = [URL] to try and get a link on my flash animation. I use swf object. Everything works until I put the targetURL code in. How can I make it work
[Code]....
I'm using the jquery media plugin (.90) with swfobject (2.1) My markup has something like this:
[Code]...
i'm placing a png which has transparency over another image. while using browsershots.org to check css, in IE6 i notice the png being placed over another image, where it was supposed to be transparent it was grey. i remember reading about IE6 having png transparency problems so did a search, found and used this: [URL]
the code of which is:
Code:
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
[Code]....
hmm, just before posting this i opened up the postcode image, which hasn't dissapeared and hasn't been made transparent, in photoshop and it is different from the other images; it hasn't got a specific restricted colour table like other png's (the other png's were made in photoshop by saving for web which saves them with a specific colour pallette). the postcode images is rgb 8 bit per channel. this image is-being/was generated by php's gd library, so presumably there's something i can do to make it have a more restricted colour pallette. assuming that is necessary, and i get that done ok, it will then dissapear like the other pngs i guess. so what do you reckon should i do to get the other png images not to be effected, and the postcode image to be transparent in iE6?
Here is the website I'm working on:DEMO For my navbar and footer I use jQuery to do a nice fade in and fade out:
$(function(){
var navbar = $('#navbar'),
navbarLinks = $(".navbarlink", navbar);
[code]....
I'm currently cross-browsing the website and I found a very nice JavaScript hack that fixes the .PNG's so they work in IE6:
DD_belatedPNG It works but it messes up my jQuery so that:
1.) My splash screen image is not centered correctly
2.) When you rollover the navbar or footer links they work for one cycle but then they become un-active after that...I bet after the JavaScript .PNG hack runs it changes the item so that it is not getting selected correctly...
P.S. I have this website working on IE7/8, FF, Safari, Chrome, Opera and iPhone. I'm only having this problem with IE6 and I know that the .PNG hack is causing the problem.
I use
$(document).ready(function(){
/* hintergrunbild fade */
$('#beyondLogo').fadeTo(2000, 0.8, function() {
});
});
in order to fade the background of a div. The content in this div I'd like to have without transparency. In IE this is the case, but in Firefox the content also is transparent with 0.8.I tried to apply fade with 1 to the content but that did not work ...
I'm using the tubeplayer code...
However, to put something on top, like a div, on the youtube movie seems impossible (in Chrome).
Below is my test code, I'm trying to put the green square over the movie. It has to do with the wmode, its not set to 'transparent' somehow. code...
Is this possible? Basically I need to grab all the flash objects on the page (done) and then set the wmode to transparent so it doesn't mess up my DHTML menu.
View 2 Replies View RelatedI am interested in using a popup to show flash games in it, so I did then my interest went to make all games playable in full screen so I did that too and got success, but I am facing issues due to wmode, if you visit my this site link [URL] and click on play game for other browsers while using google chrome browser, you will see the error there will be blocks appearing in the game, while if click on play for google chrome then this error is not there, its just because of WMODE, for google chrome button I am using wmode while for all other browsers I am not doing this.
The reason for not using wmode to my other browser play button is that if I add wmode to the games then the performance of the game is highly damaged in fireforx and internet explorer, and also to some extent in other browsers including google chrome. It is that I want to get rid of this wmode=opaque thing as it makes the game slow even in google chrome which is effecting game playing quality, I used window,transparent too but nothing good came out of it. Only google chrome is asking for the wmode, while our step child internet explorer is happy with it. Some more information I would like to provide so that things work fast, I am using blogger blog, I have knowledge of html, xhtml, css and for java or jquery its hint and trial.
i am interested in using a popup to show flash games in it, so i did then my interest went to make all games playable in full screen so i did that too and got success, but i am facing issues due to wmode, if you visit my this site link http:[url].....and click on play game for other browsers while using google chrome browser, you will see the error there will be blocks appearing in the game, while if click on play for google chrome then this error is not there, its just because of WMODE, for google chrome button i am using wmode while for all other browsers i am not doing this.the reason for not using wmode to my other browser play button is that if i add wmode to the games then the performance of the game is highly damaged in fireforx and internet explorer, and also to some extent in other browsers including google chrome.it is that i want to get rid of this wmode=opaque thing as it makes the game slow even in google chrome which is effecting game playing quality, i used window,transparent too but nothing good came out of it.some more information i would like to provide so that things work fast, i am using blogger blog, i have knowledge of html,xhtml,css, and for java or jquery its hint and trial.
View 1 Replies View RelatedIt's made us easier for validating/cleaning up HTML/XHTML codes and it's OO.
And a sample usage is:
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">
This text is replaced by the Flash movie.
Or you can write:
"This content require flash version 8 ....and so on"
</div>
<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
so.write("flashcontent");
</script>
<script type="text/javascript" src="ufo.js"></script>
<div id="ufoDemo">
<p>Replacement content</p>
</div>
<script type="text/javascript">
var FO = { movie:"swf/myMovie.swf", width:"300", height:"120",
majorversion:"6", build:"40" };
UFO.create(FO, "ufoDemo");
</script>
i upgraded my SWF object about 3 months ago and have been trying to find a way to add the preview back in there, but dont know how with the new process since what i had originally was ancient. the old code was like this
[Code]....
the issue is that the new way is totally differnent - no longer do you have the javascript and embed on the same page, the javascript goes in the header and the view code goes in the file now. so how do i add this to the new way of coding.
[Code]..
I am trying to get a remote google swf video to appear on my webpage. I already got youtube to work (which is easy since they provide the embed code), but I also need video.google to work.
I crafted a regular expression to extract the width, height, swf source, and the flash vars from the youtube embed code and the apply it to a new swf object.
Google does not provide their embed codes and their file source doesn't look as easy to comprehend than that of the simple V variable in the youtube URL or embed.
I took a look at the source of the google video and I can't seem to find any SWF embed or javascript objects. It might be in another external javascript file, but does anyone know how to get it?
any one send me sample code, 1)How to embed the flash movie in iframe using swfobject in javascript?
2)How to send parameters from Iframe loaded with flash to that flash movie?
How to prevent Javascript Menu from getting hidden under Flash Video (SWFObject ).
I am using Open Flash Chart and the chart is displaying fine in my php shoppping cart, but my javascript menu is getting hidden behind the Flash Chart.
Here is my script code:
<script type="text/javascript">
swfobject.embedSWF(
"open-flash-chart.swf", "Dashboard_Chart",
"800", "400", "9.0.0", "expressInstall.swf",
{"data-file":"ofc-chart.php"} );
</script>
I am working on a project that is using load balanced servers.. all the media that is referenced in the flash is referencing that server. but for some reason on our wireless at work we can't access that server... so I want to check to see if the swf file is existant on the server before writing out what swf to embed.. so if it is there, meaning we're not on wireless.. it will ebmed that one.. otherwise embed a different swf that will use that server's local copy of the site..
View 1 Replies View RelatedI should preface this by saying that this is not for my own site, or my own code; a friend has gone on holiday and needed this project fixing while he was away. Unfortunately my experience with jQuery is almost nil and everything was coded by someone else, so I'm really tearing my hair out. This is a Wordpress installation running Thematic with two child themes, one of which uses Ajax calls to grab page content. The issue is that the Ajaxified calls stop the swfObject content from being loaded. Compare:
[Code]....
I'm getting Error: Object doesn't support property or method 'addEvent' in my webpage. I'm trying to embed a flash carousel in an asp.net page and I have this, but nothing is showing on my page. Using IE9 and FF4
[Code]....
The xml has some settings for the images and all my images are in the upload folder in my project. I have reference to the swfobject js in the masterpage (head) and the homepage inherits from it: <script src="javascript/swfobject.js" type="text/javascript"></script>.
how can I make a DIV transparent with DHTML.
View 2 Replies View RelatedI would like to make a table or a div with a transparent background. The
solution found does work only with FireFox using a png image. The second
one works with IE and FireFox but make the text inside the div be
transparent. Code:
I am assuming that this is an issue with the js on my index page:
[URL]
The main menu on this page has a sub-menu under "About". I've tried changing the CSS for the menu in order to make that sub-menu background be 50% transparent, but nothing is fixing it. I see things about "fade" within the js code, but I just don't see how to set how far it fades in or out.
Table Background & Transparent GIF are the new trend to protect your pics. Is it efficient or can people still go around and take my pics?
View 3 Replies View RelatedI have an image on a web page within a css layer:
<DIV ID=MyLayer
STYLE = "position: absolute;top:68px; left:563px;
width:640px;height:480px;">
<IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
</DIV>
I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent.
My question. Is it possible to have a simple javascript function
to incorporate in the web page which does this?