Javascript ::Relative Positioning At Bottom Of The Screen Issue With Flex And Different Browsers?
Jul 4, 2010I have a flex component like this:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
...
width="100%"
[code].....
I have a flex component like this:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
...
width="100%"
[code].....
I have my flash site working ok, but want the pop up browsers that are sized to pop up in the centre of the screen, instead of the bottom! Anyone know how to fix this? I'm using the following code on buttons:
on (release) {
getURL("javascript:CultWear=window.open('http://www.stevedawson.org.uk/cultweargallery.html','CulWea','width=1133,height= 425,left=425,top=1133,screenX=1133,screenY=425');C ultWear.focus();void(0);");
}
and this is the site so far.... [URL]
I need to position an object in the bottom half of a container (working on flex 4)- abt 25% above the bottom...and cant use x,y coordinates given need for resizing. I have been able to position the layout containers and they work well
Also need fonts to resize as the buttons get smaller
how this can be achieved? It needs to work on all resolutions .. is there any parent/stage object available to find out the resolution of the system?
View 3 RepliesI'm looking to create something like the link below, [URL].. however I need it to work on both x and y,I've been trying for days to figure out a way to pull this off,
can anyone point me to a tutorial or an example of something along those lines?
I'm looking to create something like the link below,
[URL]
However I need it to work on both x and y.
check this code out:
[Code]...
I was wondering, is there a way to change if (myClip_mc._x < 400) { to a relative position of myClip_mc. I mean, i want myClip_mc to move 100px from it's current position everytime the button is clicked. Instead of only moving it if it's x position is less than 400. So it needs to somehow check it's current position everytime the button is clicked and then make it shift from that position. I know this is a long winded way of doing it but i want it this way so i can use it for something different.
We are building a flash based product (coded in flash builder) and need to ensure that the font size is readable for all standard screen resolutions- we coded fontsize to be a fraction of screen dimensions... still we find that it looks smaller on low resolution and larger on higher resolution
we dont have this problem with other assets like containers/images etc
why this happens? Any thoughts on how we can make it uniform across screen resolutions?
I have a movieClip inside a parent movieClip on the stage. The parent movieClip's registration point is top left. I'm having trouble figuring out how to "center" (move) the parent movieClip so that it's child movieClip is in the center of the stage. How do I calculate those destination coordinates?
View 2 RepliesI have been wondering over this for a while now and I have tried a number of different soloutions to no avail. I am used to designing HMTL website but for a portfolio I would like to create a Flash site. One problem is dynamic screen sizes, although I have a soloution it isn't idealy what I would like.
My current soloution is to size the stage to a 1024 x 768 resoloution and scale it to 100% on a webpage. The background for my flash is massive, 1920 x 1080, equivelent to full HD size, to support as many screens as possible, the flash has a No Scale atribute. Unfortunatly this method dosen't only increase filesize, but makes the content restricted to a small area of the screen which looks terrible on large displays.
Whe I use the code below in a template set up as a movie clip it appears and works fine but when i nvagate away from it the relative alignment code remains for the rest of the pages. Would use a remove child how would this look?
[Code]..
I have a group of 6 buttons which on my stage sit in the center and are 20 pixels from the bottom, I am trying to create a bit of a liquid layout, and the browser is going to be able to resized by the user. I want always for the buttons to stay at the bottom in the center of the browser 20 pixels from the bottom no matter wether it is resized too
View 7 RepliesI have one Sprite which acts as a container for two other Sprites. One has a picture the other has a series of hotspots.
If i change the scaleX and scaleY of the picture, the hotspots don't line up anymore. Do you know the correct equation so that any scale i set will always make the hotspots appear at the right place?
I'm trying stuff like this:
hotspot.x *= scaleFactor;
hotspot.y *= scaleFactor;
but i can't quite sort it.
i am a beginner in action script / flex framework and i am facing a problem: i would like to have like a menu bar always anchor the bottom of the screen in normal and full screen mode... i try to set my component with bottom = "1" (so it should alway be at 1 pixel from the bottom of the stage ... But .. NO :)
[Code]....
// for Full Screen stage.displayState = StageDisplayState.FULL_SCREEN;// for the normal screen stage.displayState = StageDisplayState.NORMAL;But this code does not fulfill my requirement. I need Vertical Scroll Bar, even I go to the FullScreen, but I don't find any Scroll with this code.Even I tried "window.open" of JavaScript with ExternalInterface, but I couldnot succeed.
View 2 RepliesWhat languages/techniques are used for letting the web browser interact with the desktop, e.g. dragging files to the web browser, dragging files from web browser to desktop, and maybe more features that I'm not aware of.
View 2 RepliesI want to call a function inside a Flash movie from javascript, using the ExternalInterface class. The problem is that to get it to work with Firefox I need to use the embed element and with the rest I have to get the object element. To solve it, I gave different ids to that two elements and depending on the user agent I select one or the other:
function getMovie(movieName) {
alert(navigator.userAgent);
if (navigator.userAgent.indexOf("Firefox") != -1) {
[Code].....
This works, but it is not very elegant and it may not work with other browsers..
I have an object that I would like to sit in a specific location on a full screen. I have used this code:
Stage.align = "LT";
Stage.scaleMode = "noScale";
var pts:Array;
[code]....
I would like to know if there is any way that when mouse leaves screen, the mouse coord from the Main Movie Clip (mouseX and mouseY) keeps updating! Is there any way to get the mouse pos relative to the screen pos?For example when mouse leaves screen and goes 30 pixels up, its position would be (X,-30)
View 1 RepliesMy Full Screen feature on my Flash Video component is acting a bit odd...When I go to full screen, the screen just shows an enlarged version of only the top left corner of the program, adding a big band of black to the top.Does anyone know how to get Full Screen to display properly so that the program is centered on the page with the whole video visibleSee example images attached. Attachments:fullscreen.jpg(49.8 K)regular.jpg(63.7 K)
View 2 RepliesI can't get the content to center correctly when the browser window is resized. Despite efforts of trying to make the design work within all screen resolutions, it still does not fit correctly on smaller ones. What I want is for the content to center itself completely - Right now it only centers from left to right. Here is the code.
Code:
// Aligns everything to the top left side
Stage.align = "TL";
// Disables the movie from scaling
Stage.scaleMode = "noScale";
[code]....
The first thing I tried was simply adding all_mc._y = Stage.width/2; to the start values and the sizeListener, which worked until you clicked on the navigation and the all_mc movieclip is moved to a new X coordinate. It moves fine, but when you try to resize the browser, it jumps the movieclip back up to the top and moves back down again.
This is a simple page I am trying to add a .swf to, with a small custom made js function I slapped up. With chrome the swf is pushed up and out of the navigator window and is missing the top half.
I have tried this quick and dirty approach to detect browser and set the proper background values for each browser:
var browser = BrowserDetect.browser;
var height = '';
var width = '';
switch (browser){
[Code].....
For the movie size in the embed tag: I have tried percents, I have tried pixels, quite a few different combinations. There is always at least one browser that chokes no matter how I set it. Right now it is chrome that chokes. Does anyone knowing the trick to these parameters mind clueing me in on a proper efficient method to integrate a .swf?
Maybe the outer html code is not properly structured and causes this? I am not specialised integration, I am mostly a back-ender, tried a few solutions online but this custom .js that sets values for <nosript> is the only way I managed to get this close to working crossbrowser.
My question basically, what are the clean efficient ways used by integrators to integrate swf cross browser, and is my approach workable if I set proper values?
Environment:
Windows 7,
Internet Explorer 8,
Flash ActiveX 10.1.53.64,
wmode=transparent
Just wrote a small test page that you can load in IE and Firefox or any other Browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[Code].....
So clicking any colored shape should produce an alert (except for the green one in IE, not sure why but I hope that's off topic and not related to my issue).
Clicking the Flash container in Firefox will work Perfectly fine. You should get alert boxes in this order containing: span, div and body. Flash bubbles the event to the HTML. But this is not happening in IE.
So why is Flash in IE not bubbling events to HTML?
Edit: As mentioned by Andy E this behavior can also bee seen in Google Chrome which to my knowledge is not using ActiveX to embed the flash movie into the page.
I'd like to persist a list of favorited items for all browsers on the user's machine.
Cookies are too volatile, and localStorage, while useful, does not move between browsers.
Are Flash's Local Session Objects my best bet?
When I open the Actions window, the bottom is off screen so I can't re-size it. how to get the whole window on the screen?
View 2 Repliesive been trying to add a bar thats going from the bottom of the screen (0,550) to the top of the screen (0,-25), now from some reason each time i restore its place to 550 it is speeding up.
[Code]...
The website I am working on is here:
[URL]
I have not included a preloader yet, so it will be blank for a few moments before it loads.
My problem is, I can't get the content to center correctly when the browser window is resized. Despite efforts of trying to make the design work within all screen resolutions, it still does not fit correctly on smaller ones.
What I want is for the content to center itself completely - Right now it only centers from left to right. Here is the code.
Code:
// Aligns everything to the top left side
Stage.align = "TL";
// Disables the movie from scaling
[Code].....
all_mc is the movie clip that holds all of the website content. Pressing the buttons on the navigation makes the entire movieclip shift up and down.
The first thing I tried was simply adding all_mc._y = Stage.width/2; to the start values and the sizeListener, which worked until you clicked on the navigation and the all_mc movieclip is moved to a new X coordinate. It moves fine, but when you try to resize the browser, it jumps the movieclip back up to the top and moves back down again.
how to tell the movieclip to stay center after the x position changes.
There is a small issue that I am not able to solve. Me and my friend are working on a school presentation with many images. The images load as a gallery of piled cards which can be moved and rotated. Now I need to add text on the frame and want it to be aligned to the right of the screen. The stage is aligned to the top left corner. Now the problem is that the text doesn't place itself at the right position on the screen.
View 2 RepliesI have this code:
[
AS]
{document.write("<embed name='midi' src="+mide+" loop='1' autostart='true' hidden='false' width='300' height='100'>")}
[/AS]
I want to define a position for this object on the screen. How and where can I put a position? I have tried with document.left=400 or document.style.left=400.This is actually a part of a flash project.
I don't know much about javascripts I have this code:[AS]
{document.write("<embed name='midi' src="+mide+" loop='1' autostart='true' hidden='false' width='300' height='100'>")}
[/AS]
I want to define a position for this object on the screen. How and where can I put a position? I have tried with document.left=400 or document.style.left=400, NO luck.