Flash :: Jquery - Application Losing State After Displaced To Another Div By JavaScript
Jul 29, 2010
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.
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've hit a very strange issue in adobe flex and I'm not sure how to solve it. I have a popup box that is called on creationComplete before startup of my main application. The popup simply asks for an email address and then the application is enabled showing the email address in a label component.
However, when I try to access the email address from the label component called UserID.text in the application, it is always null even though it is visually present in the label box...It seems like it loses state somehow...so HOW in earth can I keep it from losing state? I need to access the label or some variable throughout the use of the application and everything I try always ends up in a null variable?The main part of the application that sets the label is here:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:controls="com.iwobanas.controls.*" xmlns:local="*" creationComplete="showWindow(true)"> private function showWindow(modal:Boolean):void
It's my understanding that view states can be useful when switching the layout of design elements. Such as, a loading page as one state and the main application design in another state. Is this the correct use of them? Additionally, I have a label in State1 and I cannot figure out how to access that label via actionscript. labelID.text = "New Text"; is not working.
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 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?
Is it possible to make desktop Air application by using HTML/JavaScript and Flash?Actually I want to make an Air app (which is for desktop) by using flash and want to use HTML , javascript and CSS as well.Is it possible ?
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.
As we know we can't $.show/$.hide to show/hide the flash component,which will cause the flash player to redraw it. Is there a flexible component that can hide/show flash components with redraw them?
how to execute the code below from a javascript funtion when the body unloads this is a flash function but I would like it executed from a js function.
How to implement advanced video player (javascript/jquery/flash) for youtube videos that supports playlists? Is there some good open source script for this, that I could modify.
I'm using Javascript's mouse event to pass information about mouse position to flash and show the specific animation frame depending on mouse position.
The problem is, when mouse is over flash object, it doesn't fire javascript event anymore. I've tested it on Chrome and it seems to be working, but Firefox doesn't want to cooperate.
My flash object is located in the middle of website and has transparent background. It has to stay this way. Also, I'd rather not move the action to the ActionScript for two reasons:
Website's width is not constant (different browsers for example) so I'd have to push viewport's width to the flash too, which will complicate the script, also mouseenter events etc. I don't know AS very well.
The code: (I'm using jQuery here because it's also used somewhere else on the page, previous mockup used plain JS)
I'm having some trouble with the code below. the flash player has a default volume slider, but I want to use the jQuery slider to change the volume. the volume value(nr) is changing while I move the slider, but the volume of the song doesn't.
I have a flash within a holder div (flash container). I use swfobject to insert the flash object (if it makes any difference). I want to resize that holder div to make it smaller in width, when I achieve the "second level" in my "flash application". (with jQuery .animate() function). What "flash application" mean: I have a human body on wich I can click in different body areas. That is the first action - and the effect is to zoom onto that specific area of the body.
Then I can click again on a more specific zone into that area - and the effect consists in fetching some stuff via ajax. (it's some medical stuff, diseases etc.) - that's the "second level" in my "flash application". Then I can click on that stuff fetched via ajax - that's when I resize the flash holder. The problem is that, because of this resizing, my flash reloads and comes back to it's original state, without that zoom level. This reload appears in the "second level", and not when I click on the stuff fetched via ajax and the flash holder resizes. But that's the cause of the reload, because without this resizing, it's all ok. The problem is just in Firefox, I tested it in IE6,7,8, Opera 10, Safari latest and Chrome and there's nothing wrong there, the flash does not realod. Hope you understand what I'm saying here :) if not I cand send you a private message with the URL to see what I mean (I can't make it public)
