Setting WMODE In A Flash Object With JavaScript?
Jul 23, 2005Is 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 RepliesIs 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 RepliesI'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?
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 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 have a Flash movie on a web page and I want to send parameters to it with JavaScript to have it go to a selected frame. The AS3 code receives its information via an ExternalInterface API. The following code parses the URL argument (?page=x) and I want to send the value (x) to Flash. Unfortunately, when creating the objMovie variable, it is always undefined, therefore getFlashMovie is undefined and Flash never receives the callback. Thinking that it was because the flash movie is not loaded yet, I created a button to call callToActionscript, and when I click the button, I get the same error.
(getFlashMovie("myFlashMovie") is undefined)
Also,
if (params)
always returns true, whether there are parameters or not. I don't understand that, either.
The code follows:
<script >
$(document).ready(function() {
var params=getQueryParameters();
if(params) {
callToActionscript(params[0]);
}});
function getFlashMovie(movieName) {
var isIE = navigator.appName.indexOf("Microsoft") != -1;
var objMovie = (isIE) ? window[movieName] : document[movieName];
alert(objMovie); //Always return undefined
return objMovie;
} function callToActionscript(page) {
var myMovie=getFlashMovie("myFlashMovie").sentToActionscript(page);
} function getQueryParameters() {
var query = window.location.href.split('?')[1];
//query won't be set if ? isn't in the URL
if(!query) {
return { };
} else{
var param = query.split('=');
} return param[1];
}
</script>
I am having trouble changing the value of a flash object using JS in IE. The flash code is below
<object id="FlashID" classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="721" height="423">
<param name="movie" id="movie" value="../../flash/world.swf">
<param name="quality" value="high">
[code]...
Within my site I have the following code:-
Code:
<form>
<button onClick="changeVideo(2)" type="button"/>
</form>
<object id="videoPlayer" type="application/x-shockwave-flash" data="http://www.mysite.com/videoplayer.swf">
[code]....
By default when my site loads the flash file gets the value of currentItem from Flashvars and does what it needs to do with this value. The flash file in question is just a basic video player and the id of the video to be played is retrieved from flashvars.
However I want users to now be able to click the button in my form and then the value of flashvars in my videoPlayer object will change to the value passed in the changeVideo() function i.e. in the above example value="currentVideo=1" will become value="currentVideo=2".
That's the easy part I think but what I then need to do is get the flash file itself to load this video without a page refresh but I have no idea how to get the flash file to recognise this value once it has already loaded. What exactly are my best options here?:-
1. Reload the flash component via ajax every time a user selects a new video i.e. every time changeVideo() is fired?
I'm trying to make a quick and dirty mp3 player that plays whatever mp3 is in the URL, for example [url] would open the SWF mp3 player (I chose this one for its simplicity[url]) and play that song. However, nothing I've tried works. Could someone take a look at my code ? Please note that downloading the mp3 through newwindow() works perfectly.
View 3 Replies View RelatedDoes anybody encountered this problem ? My purpose is to change the source of a flash object from param_src = window.location.search.substring(1)
so the essential code is something like this:
command = '<object ... src="' + param_src + '" ... TYPE="application/x-shockwave-flash" ...</object>'
document.write(command);
This works on FIREFOX but IE keeps playing the same file instead of playing a new one !
I have tried to add the no-cache meta-tags in the header but it still doesn't work.
Probably covering well trodden ground here but so far I haven't found any reliable solution and "it can't be done" seems crazy. Here goes:I have some Flash and non-flash banners that are to be embedded into my page - all managed by a simple CMS. The Flash movies are not created by me as they are for 3rd Party advertisors, and I do not want to be doing any Flash programming myself as it's not my thing and I don't have the resource to do it. As with the JPEG/GIF files - I just want to be given the file and then embed it.
What I want to do is produce some MI based upon when the various banners are clicked - things like how many clicks and who clicked them (users are logged into the web site so I can track them). Simple enough for JPEG/GIF banners capturing the onclick event but for Flash it seems that the Flash movie prevents (or overrides) the onclick event from registering.This seems crazy! I want my application logic (in this case logging user activity) to be independant of the media content - especially as I am not in control of the media content.Googling and experimentation shows that for IE I can seemingly use "onfocus" but this is not very satisfactory and of course I need a cross browser solution.This seems like such a simple concept that at the time of specifying the requirements it didn't occur to me that this might not be possible.... but it seems that I may be wrong!
i am using the object flash embed instead of the swfobject or flashobject because I am embedding using js innerHTML. Is there a way to loose the dotted border in IE that swfobject fixes? The movie needs no interactivity its just a swf animation.
View 5 Replies View RelatedI've been messing around with Javascript and working in Firefox.
I did this:
JavaScript Code:
A = {
prop:"prop"
};
B = {};
B.__proto__ = A;
alert(B.prop); // works
However, this doesn't work in IE (not yet tested Safari etc). Does anyone know of a way of doing this or something similar in IE?
is it possibile to detect and prevent through javascript the opening of a new window caused by a embedded flash object? In the html code this embedded object resides within a given div with id.
I would want to know about it because every time I open the page, the flash embedded object opens another window, and it is a little bit noisy.
Does exists a solution for that?
I was hoping I could do something like this in javascript:
var a = {x:1, y:2};
var b = {x:2, z:3};
b.prototype = a;
And then:
b.x => 2
b.y => 2
b.z => 3
The purpose is to set up "b" as an override of "a".
I know it doesn't work that way because "prototype" is not a magic property on any object but constructors only. Is there a way to implement the above without involving a constructor?
Using javascript I'd like to run multiple istances of flash in order to
watch differents video at same time. Is there anyone that can help me?
Here is the script I have in my page :
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=194,height=146,left
= 440,top = 288');");
}
// End -->
</script>
It opens a new window when the user clicks on a certain link.
Well, somewhere else in the page, I embeded a flash media object and
found out now that everytime the page opens, the pop up window opens
too which is NOT what I want. I want the Popup window to only open
when the user clicks on a text link (which it did work perfectly until
I put in the flash object).
So why is the flash object calling the popup window instead of just
playing like it is supposed to?
im trying to load a flash intro movie, i got it to work for me on ie7 and the newest firefox, and a few other ppl can see it but there are some that can, and it is just a blank page, here is my .js file called intromovie.js
// JavaScript Document
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="450">');
document.write('<param name="movie" value="intromovie.swf"');
document.write('<param name="autoStart" value="-1"></object>');
and here is my html code to pull that file
<td width="700" height="450" valign="top">
<script type="text/javascript" src="intromovie.js"></script>
</td>
like i said it works for some ppl, and not for others. it works for me so i can't find a problem at all. and the other ppl that can't see it use the same browsers, and im doing it this way to prevent the extra click and when you move your mouse over it you don't get the boarder.,
Hello, i have a flash menu, but i want to open a javascript popup. How can
i use this function that i'll use for TML in flash?
<SCRIPT language="javascript">
<!--
//if (self != top) {top.location.href = self.location.href}
function Pop550Picture(fname,breedte,hoogte){
var file = fname;
PopItUp=window.open(file,
'popup','width=600,height=550,toolbar=no,location= no,directories=no,status=n
o,scrollbars=yes,menubar=no,copyhistory=no,resizab le=no');
}
//-->
</SCRIPT>
I'd like to have a drop-down form pass a variable to an embedded flash file. I know the basic idea of how to stop, rewind and play a flash file via JS, and I obviously know how to pass a variable into Flash, but my experience in forms is keeping me from understanding how I would use the form to pass a javascript variable to the flash file.
View 1 Replies View Relatedcan i know what is wrong with this script? cause my ie6 doesnt seem to be able to detect the flash and i dont know why.. or is there any other recommedation of site that i can read up from?
and by detecting flash, will it slow down the whole site?? i am a beginner in this area.
function message()
{
if (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"])
{
do something......
}
else
{
do other stuff...
}}
Subject line would seem to say it all:
How does one trigger the execution of a method within an object or any
other code/function with the setting of an object property?
More elaboration for those who want it:
Suppose we have anObjectType, with a property .description, whose value
can be a string, and the value of .description actually describes the
structure of anObjectType as a string. (The details are not important
about how the structure is described, but if you want something concrete,
think of 'anObjectType' as a DOM Node of type NODE_ELEMENT, and
..description as the property .innerHTML.)
When an instance of anObjectType is created, the value of description is
created with the instance. Indeed, the value of description may not be
set with the construction of anObjectType, but it might be added to the
prototype of anObjectType.
But the property .description is not merely read-only. Fetching the value
of .description returns the string which describes the structure of the
object in a meaningful way.
When .description is set with a value of type string, the string is
checked to see if it properly describes a legally formed structured for
anObjectType, and the instance (and only that instance) of anObjectType is
completely re-built: it might possibly be destructed and then re-
constructed, or all properties (but not methods) which involve descendant
objects are changed to conform to the described structure.
The question is, the setting of a string value of the property
..description of object anObjectType does not automatically trigger a
method/methods (or an exception??) for doing something (such as
restructing the object) as a result of the setting of an object property.
I am having an issue appending, setting attributes, text on the root node. Below is a sample of the code that performs this task (nLevel, nID, and sText are variables passed in by the containing function. XMLDOM is an XML DOMDocument object:
[Code]...
Trying to add a new property to a non-jQuery object from inside each loop doesn't appear to work:
var arguments=new Object();
arguments['ticket']=ticket;
arguments['email']=email;
arguments['module']=module;
arguments['epoch']=new Date().getTime();
var total=0;
$('select.category').each(function(){
var name=$(this).attr('id');
var option=$(this).find('option:selected').val();
total+=parseInt(option);
arguments[name]=option;
});
The 'total' variable works as expected. The the 'arguments' variable doesn't. Almost like
a variable scope issue or something. If I put some extra debug code to print out all the
property/value pairs, outside each loop I only see original four, and inside each loop only
the new one just set and none of the original four.?
I have a web-application project which requires interactive User
Interfaces. It is more like a web based xml content editor. I have seen
a few javascript based text editors but not much flash based ones. I
dont have much experience on neither of the technologies so I have to
spent some time to develop my skills on them (your suggestions are
wellcome:) my questions are:
1. Is JavaScript and the today's internet users's enveronment
(browser-speed-security) mature enough to run a heavy javascript based
web application ?
2. I have the "sceptic feeling" that with Javascript, programmers have
very little control on runtime environment or javascript behaviours,
errors are not so predictable on client site. (Still I see lots of
websites with javascript and a yellow Error sign on my browsers left
bottom corner). Is it still quite complicated task to make the
javascript run properly on most of the users site (say 90%) without
complicated browser/version/DOM tricks and customisation?
3. Is Flash a better option for a interactive UI application? If so why
is it still just an "animation" technology?
4. Is it possible (and easy) to mix the Flash with other technologies
like Ajax or ASP.NET ? Is it possible (and available) to make
flash-based components (like special behaviour combo box, or new kind
of UI components) which can be used in an asp.net web application?
meta refresh tag is failing , it is supposed to go to the entry1.htm
site which is the flash swf file but it doesn't Code:
I am designing a template for File Hosting site but the flash uploader is breaking the design
This is what it looks like
When the button (white box) is clicked it opens a file selecting box
How can i replace that box with image, i tried placing a image over it with help of wmode transparent but when clicked on image flash doesnt open up the file selection box
How this can be done?
Is there any way i can run the flash when clicked on image because this doesnt looks good.
Little detail as i am more a designer than a coder.
This is my flash
Code HTML4Strict: