Javascript :: Have A Flash Movie Communicate With Shadowbox Jquery Overlay?
May 17, 2010
I want to have my overlay adjust in size depending on how much content is being shown in the flash movie. Also, I want it to resize in real time when the user adjusts the content.
I'm working on a site that allows administrators to upload arbitrary SWFs and embed them on the page. Administrators are in theory trusted, but I still want to protect against potentially malicious administrators or misguided administrators from harming the site.
A part of the functionality of the site is that the SWFs can communicate to the containing browser page when it's finished and for the page to react.
Now, I can think of two ways to do this:
Use ExternalInterface.addCallback to create a global callback named something like isComplete that does logic and returns true or false depending on whether the Flash app is in a completed state. Then, just do something like setTimeout to just call that function repeatedly. I don't think this would require me to open up allowscriptaccess to the movie. Embed the movie with allowscriptaccess and have the movie call something like ExternalInterface.call('done') when it's finished. This option seems like it requires me to open up allowscriptaccess, which is a potential threat since I can't control the SWFs that would be embedded with this directive.
I am a web designer and I do like to hand code using jquery however, I think it would be much faster to use gui applications like flash to create animations especially on the fly as well as support for writing and editing source code.
I need to create a splash page type thing. It needs to play a flash movie and then when that movie has finished show a full screen image using html/js. THe movie will be flash and the image display will be javascript powered.
Following the official Shadowbox usage instructions, I appended just a few lines of CSS/JS:
[Code]....
And yet, when I click on my thumbnail, it does not generate a Shadowbox overlay. Instead, my browser follows an ordinary link to the animation. I've also tried Lightbox, Greybox, and Lightbox2, working at this problem for about twelve hours. My understanding of Javascript objects and classes is very limited. Web Development is not my career path.
I am using Google's Audio player to play an MP3 on a webpage. My issue is that I am overlaying an image on top of the the play/pause button. Yet when the image is clicked nothing happens. Here is the code:
That did not work. One thing I noticed is if I have visibility:hidden; the flash player will not respoind to any clicks regardless of what is over it. With that said I attempted to overlay the image using <input> without the visibility:hidden; and it still did not work.
I need to get this fixed if at all possible. I am willing to use another flash player that is similar as long as it works correctly and will use an mp3 like above.
is it possible to let clicks on a HTML element that's overlaying a Flash or Silverlight object bubble through to the Flash / Silverlight object? I've been experimenting with this, but i can't figure out if it is even possible because of possible security restrictions to prevent clickjacking.I don't have access to the source code to the FL / SL object, so i can't implement an ExternalInterface or something like that.
My index.php file loads the Facebook JavaScript SDK and the FBJS bridge:[code]When I run this file on my server, I can communicate with Facebooks JavaScript SDK either indirectly through ExternalInterface calls, launching various Facebook UI dialogs etc. And I can also use the facebook-actionscript-api to launch the same dialogs directly from ActionScript.When I however use this index file as my Facebook canvas url and load the swf in a Facebook iFrame, the communication crashes the application. I'm not sure how to debug this but I think it might have to do with crossdomain security. Any ideas on debugging and/or solutions are welcome.
for some reason, whenever I dynamically load a swf on a $(document).ready() by writing to a div, I am unable to make javascript calls to the browser. Specifically, all calls to the browser return "null". This does not occur when embedding the swf normally on the page load, but I would like to prevent loading of the swf until a specified point in time.
What the heck is going on here? Is there something special about dynamically embedding a swf that prevents the swf from talking to the browser? The methods ARE called (I've proven such by showing alerts), but all return values to any function, regardless of type returned, shows as null when it gets to flash.
I have written a modal using jquery UI and it appears at the front of a flash movie thus the html inside the modal becomes corrupt, I tried to hide the movie right before modal gets triggered and reappears after closing the modal, works well but each .hide() and .show() the flash movie gets resetted while all I want is to hide (without removing the movie) and displaying it once it is triggered to .show that modal div.
Im trying to use JS to send data to my Flash AS2.0 music player with ExternalInterface, except there are no good tutorials or guides on ExternalInterface that I can find. I want to be able to change the current song in the player by clicking a JavaScript link, and on page / window load without clicking, play a default song.
I dont need a super complicated answer on loading sounds in flash, etc., I am just having a lot of difficulties getting JS to send anything to Flash, and when I get that to work - would I need to put some if / else into the flash to determine if the link has been clicked or not?
I use jquery.flash() plugin to embed flash into my website. The problem is that in IE6 this doesn't work. I tried swfobject (1.5), also, but it gives me (sometimes) some strange errors with n null or something like that, so I decided to use jquery.flash() also. (I use both swfobject and jquery.flash() now)
So, basically, swfobject works but gives me that strange error sometimes (all browsers), so NOT all my flash banners work, and jquery.flash() WORKS in all other browsers, except IE6.
I have been using a jquery plugin called uploadify for handling file uploads as it comes with interactive flash upload. but everyone on my website is complaining its not working.
I use the following jQuery code to access functions in my SWF (FP 10.1 SWF embedded via SWFObject): $('#FlashApp')[0].someFunc(); This works fine in every browser.. except for Internet Explorer (surprise!). Surely, the point of jQuery is to make this code work across all browsers? I'd really rather not write extra code to check for IE. How can I talk to my SWF in a browser independent way?
i have a project where i have a movie.swf (AS2) and some buttons with js/jQuery in the html part. Now i want the buttons to control the flash. For Example pressing Button1 would do a gotoAndPlay(1) and Button2 gotoAndPlay(150) Button3 gotoAndStop(450)
I'm considering attempting a redesign of a flash website with jquery effects and transitions in place. I just wanted to reach out to the community to maybe see how feasible this really is considering the particular transitions and effects this website hasThe gallery I guess can be recreated by carousel plugin, but there are so many out there so maybe could suggest a stable one that would be be best suited to this job. The other items that really caught my attention in which I wouldn't really know where to start is the navbar and the effect that looks like a book opening when you click on a link on the navbar.
I have a flash object that connects to the user's webcam.In Firefox, I can remove the container div of the object (using jQuery) and the camera will turn off.However, in IE8, when I remove the container div, the camera stays on but the flash object appears to be removed from the DOM.Is there a way to sever the connection between IE and the webcam so the light on the webcam will go off when the flash object is removed from the DOM?
I'm having trouble displaying a overlay div saying "Please wait..." on top of a flash movie, even with absolute positioning and z-index highier than the flash movie itself. But the overlay div is still behing the flash movie. Why is that? I think it's something to do with embed/param tags but I'm not sure? Here's the code:
I have a page that uses the jQuery.swfobject plugin to embed 5 flash items into a page and each flash item has a callback using externalInterface. The callbacks work when I have the js function outside of $(document).ready(function() but the jQuery animations do not fire - the ajax load however does. Does anyone know how to get the animations working too, code below:
function pageLoader(galID) { $('#menu').hide(); $('#holder_gallery').load("feeds.php", {gallery: galID}, function(){
But this does not work in IE8 as the browser won't refresh the flash contents. Any ideas on how to reload the flash contents without external dependencies like swfobject.js?
Do you know how to build something similar to [URL] I can see this is done in Flash, but I do not know how its done. Also if there are anyt tools that can do something similar in JavaScript that would be nice to know
having a problem while resizing a flash object using jquery in Safari only on the following site:[URL]..When you navigate around I call javascript events when the flash object needs to change height and when that happens there is a quick flash where everything goes crazy and then it goes back to normal. Really weird, and I cannot figure out how to fix it.[URL]...
Let me know if you need any more info. I have drawn a blank fixing this one.
Is there a way I can have JavaScript/jQuery know when a Flash object has been clicked (and still have Flash process the click)?
I tried putting a table on top of the object with position: fixed and a z-index and the object set to param name='wmode' value='transparent' so I could have my JavaScript detect which column was clicked using jQuery's click(), but the clicks were never intercepted by JavaScript (Chromium Linux).
Is it possible to make scrolling clouds with Flash, jQuery or JavaScript? If yes, could you please give me code, that I would need to insert in homepage?
I got 3 small cloud images, and I need to make them move on the background, they should be under content, but over body, for example I got content (margin: 0 auto; (in middle) where text is located e.c.), and body image (sky and grass on the ground), the clouds should fly horizontally, is that possible to make?
Possible Duplicate: Div Z-Index issue with Flash movie is there a way to have an external flash movie that I have iframed in from another server show up behind an overlay div? Currently when I open my overlay, the flash movie shows through it.
I've a simple flash application that does counting on button click. I load it in a page and a javaScript code does some DOM manipulation to move it from one div tag to another. Problem: the state of the count is not preserved as the swf node is moved from one node to another. What I did:
I simply get the node using javascript getElementbyId function and then once I get the source and destination div nodes then I use destinationNode.appendChild(sourceNode); //javascript This works well in Internet explorer, but it doesn't work in Chrome and Firefox. So then I tried prototype library.