Css :: Css - Flash Objects Overlap When Window Is Resized?
Oct 10, 2010Here is the link
[URL]
when resizing the window, swf objects overlaps?
Here is the link
[URL]
when resizing the window, swf objects overlaps?
Does anyone know how to align objects (movieclips) to the stage, let's says I have a logo and menu positionned on left side and collection of pictures in middle of stage.
I want that after the browser window is resized, the objects are still in the same places but moves dynamically to left side without hiding to user view.
Over the past few days, I've been trying to figure out how to make a flash website that will have elements move in accordance to when the window is resized. I had got as far as getting it to work in flash when you preview it there. But I tried to publish it and it sits at the TL at its normal size. I had set the html to 100% etc. but to no prevail.[URL]..
I have attached a zip of the files I have- they are unpleasing to the eye and incomplete, but it should get the idea across. Hopefully this doesn't seem like to much to ask. if you can get my ugly Zip.file to publish in Dreamweaver, like it previews in flash.
Not sure how best to put this into words Ddoes the depth manager always keep one on top of another, or can planes intersect, overlap, go through one another?
View 1 RepliesI can't remove the right-bar on Internet Explorer: [URL]. In Firefox and Safari everything is perfect... I use overflow-y property to do it. Is maybe not supported bye IE ?
overflow-y:hidden;
I have a flash movie which covers 100% of the browser window, so the user can scale it as he wants by resizing the browser.
I need a way to find the coordinates to the upper left and lower right of this window in pixels, it sounds simple, but no luck.
How to detect resolution when browser window is resized?
View 6 RepliesI have all the functionality that I want. The basic premise of this exercise is that youth will grab a statement, drag over a microphone and it'll appear on the corresponding area (board1, board2, board3). So if they grab two statements in a row it'll place their answers at my predetermined spot. Is there a way to space each answer by a difference of 10 px? So they grab answer one and it'll go at (x) 75px, answer two will go to (x) 85 px? Basically ensuring that the mc's will not overlap or pile up.
Code is below:
// listeners
backbutton.addEventListener(MouseEvent.CLICK, backclick);
helpbutton.addEventListener(MouseEvent.CLICK, helpclick);
answerbutton.addEventListener(MouseEvent.CLICK, answerclick);
[Code] .....
I ran into an odd problem a week ago that I haven't been able to fix. I'm new to Flash so sorry if this has been discussed but my research has turned up nothing. I'm using Flash Develop. I managed to duplicate the problem in a simple program: I set up one large bitmap for the background, not transparent. I then add another large bitmap on top of that, the second layer background, as a child of the main bg. This layer has transparency so you can see the bg through the trees and such. Then I stack a lot of sprites on top of each other, all with transparency. They can be children of the main bg or the second layer bg, doesn't matter. Where the transparency of the sprites overlap the second layer background disappears completely to reveal the main background (like a window around the sprite stack.) The bitmaps I'm using are from embedded png files.
I found that 23 transparent objects causes the 24th object and beyond to disappear. And it only happens when I have a mask set to the main background (a simple filled square for clipping the child sprites that move off-screen.) Also the problem goes away while the background is moving. My project features many objects near each other so the chance of this problem occurring is pretty high. Its not game-breaking but I'm new to flash and my project is nearly complete (and large) so I'm hoping there is something simple I can do to fix this.
I use the addChild(myChild) on a window. but when this window resizes i want to make the myChild width and height to fit the window.
View 1 RepliesMade first full screen flash. However, container_mc doesnt move to center until window is resized (draged with cursor or minimized then reopened) thus if end user never resizes it container_mc is always half way out of the window. Here is my AS can anyone tell me what I am doing wrong with a pretty in front of that please:
Code:
import flash.display.BitmapData;
container._x = (Stage.width / 2) - (container._width / 2);
container._y = (Stage.height / 2) - (container._height / 2);
[Code]...
I went to the following site, [URK] and I i noticed that the movie took up the whole page but resized if you made the window the smaller.
View 2 RepliesMy movie clip is not bottom aligned when window is resized. I noticed that everything works when I delete the line which tells the stage to not scale. PHP Code: //Stage.scaleMode = "noscale"; But I need to keep that line because I don't want my swf to scale. My question is how can I resolve the issue with the bottom align of my mc? I already have addListener but seems it does not work when the "noscale" line presents.
View 2 RepliesI have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this:
(where bottomGroup is the id of the borderContainer I am trying to resize)
bottomGroup.scaleX = width / widthX;;
bottomGroup.scaleY = height / heightY;
END EDIT
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@font-face {
[Code]....
im trying to use this fullbrowser scroller in my site but it appears only if stage/ browser window is resized with mouse. it should appear right away! here is the site ad-d.org and here is the files ad-d.org.zip
View 1 RepliesI have a flash drop down menu that overlaps a separate flash piece in an HTML page. The example of what I am talking about can be found here: [URL]
When you hover over product types, you'll notice that the drop down falls under the 'water banner'. I have set the z-index of that specific banner to be lower than the flash header but it still did not work. When I change the 'water banner' to a static image instead of a flash file, the menu overlaps without a problem.
This is the style that I have applied to the navigation bar
#flash_piece {
z-index: 1;
position:relative;
top:0px;
}
I have a Flash header with a menu item that drops down a sub menu and takes up an additional 200px or so of space. I need the menu to overlap the HTML content below without having to make the SWF file taller, since that would push everything down.
View 3 Repliesim trying to fix the flash overlap using regular expressions. here is an example of markup im trying to convert to my needs
<object width="440" height="300" data=
"http://www.youtube.com/v/dMH0bHeiRNg&color1=0xb1b1b1&color2=0xd0d0d0&hl=en_US&feature=player_embedded&fs=1"
[code]......
There are probably a dozen threads on this subject on this forum and for some reason nobody ever comes up with a solution. I propose once and for all we solve it. Considering it all stems from a tutorial on this site you'd think somebody here could do it. The Problem Sometimes, but not always, when loading thumbnails they become jumbled or overlap one another. Here are some example photos of what we mean when we say this: Working Not Working As you can see, in the second scrolling thumbnail bar, they're overlapping, or jumbled/stacked on top of each other.
Reproducible This seems occur when switching from one gallery's thumbnails to another. For example, clicking on Gallery1 and then quickly clicking on Gallery2 before Gallery1 has finished loading will cause this to happen -- most of the time. If not, clicking back and forth between the galleries will eventually make it occur. It is reproducible, but not 100% of the time. I believe this has something to do with the position in the loading loop, but I'm not sure. The Code Here is the code in question:
[Code]...
I am having a problem with a flash piece that I created. I don't understand why it is doing what it is doing. I am new to flash but I have been developing software and database applications for over 10 years.I am trying to make a horizontal scroller piece that reads in data from an xml document. So basically the XML has properties of image, title, and link, I then load the images and titles into an object spaced out properly and link the image to open a new window when the image is clicked. I have 4 layers:
1. Actions
2. Buttons
3. Layer1
4. Scroller
The buttons layer has 2 buttons on it, one left aligned and one right aligned. When you mouse over the buttons, the images in the scroller move the direction the button image is pointing. The Scroller Layer has an object of type scroller (which i made) and that scroller instance name is scrollerbar.In actionscript I use a sprite object to load the image and then use scrollerbar.addChild(photo) to add the sprite into the scrollerbar. Then I set it's width, height, x and y to be in the correct position.Now when this first runs, it works displays 6 images and titles and they are linked, and has a button on the left and right. When I mouseover either of the buttons, everything gets moved to the right, the buttons, the scroller, and all the images inside the scroller. So the left button is no longer against the left side, and you can hardly see the right button because it almost gets pushed outside the viewable area.Can anyone explain why everything is getting pushed over like that? It only happens the first time you mouse over a button, subsequent mouseovers of either button do not cause this to happen again.[code]
I have made a functional to use a number of objects on the stage which should not load overlap with other object of the stage. But, Some time it goes stuck in infinite loops or overlap others.
Note:- I am attaching the files and screenshot also.
Is it possible to drag objects outside the browser window in order to implement file/directory copying from webserver to desktop?
UPDATE: added more tags in order to broaden the choice of methods.
i have a movieclip containing a dynamic text-field in it. When movieclip is stretched using transform manager, the text stretches. i am developing a component. Moreover,Event.Resize can not be used as Event.Resize is the Stage event. it does not work for movie-clips and sprite.Putting it in Event. Enter Frame works but that hangs the whole CMS when this technique is used.
View 1 RepliesI have a strange issue where Flash Player in Chrome is not updating unless the browser is resized. The app is an online design tool, written in Flex, and one of the features allows the user to upload an image and crop it. The image loads fine, and the crop action does not reload the image but uses Bitmap.copyPixels to create the cropped version.When I test on localhost (though a local server not just straight from the file system) the issue does not happen. However on our QA server the image does not appear unless you resize the browser, when I suppose a screen refresh is forced.I've tried all the usual suspects in AS3/Flex to force a redraw, updateAfterEvent, invalidateDisplayList, etc.we came up with is to resize the browser by a pixel, but this is obviously not ideal and I'd prefer a solution to a work-around.Here's the Bitmap code for reference...
var cropData:BitmapData = new BitmapData( _crop.width, _crop.height );
var originalData:BitmapData = new BitmapData( _loader.width, _loader.height );
originalData.draw( _loader );[code]....
How can I publish a flash movie so that it resizes automatically when the browser is resized? What is the html or flash code for that?
I am not useing Flash or Flex but FlashDevelop so I beleve I have to do it in code to make it work.
I need to be able to detect when JQuery resizes the embedded movie so I can trigger a function in my Flash movie. I created a function which detects if Stage.width or Stage.height has changed but this only works when I resize the window after pressing Ctrl+Enter in Flash Pro and not on the webpage.
View 4 RepliesIn it are about 20 thumbnails that, when clicked, open up into large ~750x600 images. The images contain some text on them. In Flash itself, the images open up properly and look great. But when the site is placed on the web (and the html code below is used), the images are resized to smaller, poorer quality and the text (on the images) is practically unreadable. I have tried the images as jpegs and pngs - both look crappy on the web.
I use the following html code to make the site fit peoples' various browser window sizes. This is what is causing my problem, because when I don't use this html code the images look fine. But, I NEED to use this code in order for the site to fit various browser windows.
HTML Code:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="100%" HEIGHT="100%" id="index.swf">
[Code]....
So how can I make my site fit the browser window WITHOUT ruining my images in the process? How can I 1) keep the image sizes constant, or 2) let the images resize along with the rest of the site, but keep them in good quality?
How do I make my flash game keep picture quality when browser is resized.I built a flash game combining using actionscript and whenever the player or browser is resized it loses quality.Is there a way so, if the browser for example is made smaller the game's picture still keeps its display quality
View 4 RepliesThe following code is okay as it works fine and opens the Projects.pdf file in same window. But the problem is when I use browser back button, it takes me to home page instead of Projects page.[code]...
View 2 RepliesI 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)