Can anyone point me to a good Actionscript 3 class that handles "masonry" style layouts ala the ted.com homepage? Short of finished code, can anyone describe / summarize an efficient algorithm that handles this effect? Searches turn up arcane articles about kd-trees and other such stuff that's way over my head.
The jQuery Masonry plugin looks great, but I tried reverse engineering it without much success.
I am trying to build a sort of button bar in Flex - something like the horizontally laid-out bookmark bar you'd see in most modern web browsers, where when you run out of horizontal space, you can click on the arrows button(>>) to get a drop-down to see the rest of the items which did not fit into the horizontal space. Problem is, how can I know how much horizontal space is available for me to tell how many buttons to render into the button bar? This need doesn't appear to be support by the general layout manager framework.
View 1 Repliesi was wondering if there was something that allowed you to grab any 2d point that exists inside a movieclip and grab the 3d position of that exact point...
for example i have a rectangle movieclip on the stage .. and its rotate on the x axis 75 degrees.. registration of the clip is at bottom middle.. so when it rotates the bottom stays in the same spot and everything rotates around it..
now what if i wanted to know the exact x,y,z of the top edge of the clip..
is there a function similar to localToGlobal that would take the x,y coordinate inside the clip and spit back a global 3d point .. (i guess its called a Vector3D)
Im trying to create a layout in flex using mxml, the layout contains a Canvas component and a Box. The layout should always be such that the Box sits at the bottom edge of the application and has a fixed height, whereas the Canvas fills the remaining stage area and does not overlap with the Box. My MXML is as follows;
[Code]...
library that would allow me to manipulate Flex "DOM" and assign events in such an elegant way that jQuery uses?
View 2 Replieshow to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
View 1 RepliesHow can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
Here is a snippet of my code:
<script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript" language="Javascript"
[Code]....
I've looked high and low for an answer to this and I'm hoping someone has an answer, or at least a tip on how to avoid it.I'm loading a static HTML file into a container via the jQuery load() method. This static HTML file has a script which loads a swf. When I load that particular file, I get the white screen of death (WSOD) and the page explodes and everyone in the room dies a horrible death.I've had this happen also when using the jQuery wrap methods (wrap, wrapOuter, etc.) when a swf is present.It seems manipulating the DOM with a container that has a swf object causes this. Does anyone have a solution or a way that I can prevent it happening?
View 1 RepliesI 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.
View 1 RepliesI'm alreadu using jquery library on site.What are pros and cons to use jQuery SWFObject plugin over origional swfobject
jQuery SWFObject plugin
http:[url].....
I'm using the HTML5 JW Player. It sizes the HTML5 video correctly, but shrinks the Flash fallback player; here's an example page: Test Page
If you view that page in IE, you'll notice that on panel 5, the video is smaller than the space it's supposed to occupy. On Firefox, it works fine because it's using the OGG video in its HTML5 video player.Is there a way to resize the Flash video via JavaScript/jQuery to fit the same space as the HTML5 video?
I'm setting up a page that uses a flash menu to load html pages into a div container by the following call:
on (release){
getURL("javascript:getPage('test.html')");
}
The loading works fine, but some of my pages had specific jquery scripts and that's where I've struck out so far. I assumed all I needed to do was transfer the script importations, css stylesheets and the jquery functions to my main document, but it won't work.
I also tried importing the html as a the complete html, which works on it's own, but not when imported into the main document. Most recently I heard I should try shifting the jquery function calls to the end of the loaded document, to after the content, My scripts work, just not when imported, so I suppose my question is how can I make the main- and imported documents play nice with each other? What say you we make this a jump-start tutorial for all us noobs to reference?
I am looking to get access to individual legend items in actionscript (a Legend Item being the label and coloured block identifying a chart series). Does anyone know of a property of the Legend or Chart that gives access to all of the currently displayed LegendItems in a Legend?
I know this is possible by using LegendMouseEvents, as the events give access to the LegendItem that has been clicked/rolled over ect. However, I cannot rely on an event in this case.
I am trying to programmatically skin a PopUpButton control in Flex Builder, but having no luck. As far as I know this requires writing a custom skin class or creating a modified version the control class itself (since the control is MX and not Spark). Again, just to clarify, I want to programmatically modify the appearance not simply set styling properties or display an image. I've been able to do this programmatically with other MX controls (e.g. tabs in a tab navigator), but not with the PopUpButton.I think part of the problem may be that the control is actually composed of two separate buttons, so you cannot draw just one rectangular area over the whole control.
View 1 RepliesWhen you roll over the image there is frontSide to backside animation.It looks like original animation have 'constant rotation perspective' regargless of image position the rotation look exactly the same.I tried to replicate this effect but when I am using standard rotationY image rotation (or rather rotation respective) varies depending on image position
View 2 RepliesI am having 2 problems creating programmatic skin for Canvas.
First problem: I would like to have background with rounded corners and I am using GraphicsUtil.drawRoundRectComplex in order to have round corners for only the upper two corners. The problem is that drawRoundRectComplex takes for each corner one single parameter - the corner radius. However my scaleX and scaleY factors are different and in fact the corners are not properly rounded because I either can set the radius using scaleX or scaleY. Graphics.drawRoundRect is better because it takes two parameters for the corners - elipse width and height and then you could apply both scale factors but it doesn't allow me to specify different radius for different corners. How to use GraphicsUtil.drawRoundRectComplex when scaleX and scaleY are different.
Second problem: Even though I set my programmatic skin through style - <> the skin's updateDisplayList gets executed only once and after that somehow "backgroundImage" style gets "undefined" and my programmatic skin is not associated anymore to the Canvas instance. As a workaround I am setting on each resize event "backgroundImage" style again but this is ugly. What could cause such "silent" resetting of the "backgroundImage" style to undefined?
I have a button with the various states (up/over/down etc) that uses a skin file to render the display. I want to achieve animation between the states. For instance, between the change from 'up' to 'over' I want to fade in a color and a border.
The way I am doing this at the moment is to use viewstates and animate between them using transitions and the mx:AnimateProperty. However, using this method I can only animate one property per viewstate. So only the border, or the color can be animated.
Does anyone know how I can achieve multiple animations on multiple properties of a programmatic button skin?
When I hover the mouse above the chart elements, it can show some standard hints. How can I show the tooltips without hovering?
View 1 RepliesI created a skin to show on Button mousedown.I want to give corner raduis and border thickness also as skin attributes because I gave them to the button in the normal way but they are not working on mousedown when I chose to give skin on it.[code]
View 1 RepliesI need to to a programmatic multi column sorting on the AdvancedDataGrid.The issue is, currently I am implementing paging on my grid. So, if I sort the data,only the perticular page is being sorted. So,I need to sort the entire list by the column criteria.I tried HeaderRelease event,but I guess it is of no use as I need to make a round trip call to the server to get the sorted data.Is there any way I can implement that.I also need to show the sort markers in the Column headers' right position, indicating the sort numbers and direction.
View 7 RepliesWhen I create something like the following:
<mx:DataGrid id"myDataGrid"
itemEditBegin="myDataGrid_itemEditBeginHandler(event)" />
When does the event listener for "itemEditBegin" get added and removed? Is this essentially the same as:
<mx:DataGrid id="myDataGrid"
creationComplete="myDataGrid_creationCompleteHandler(event)" />
protected function myDataGrid_creationCompleteHandler(event:FlexEvent):void
{
[Code]...
Basically, I'm wondering where I should add "myDataGrid.addEventListener" if I want to do it programmatically? Should it be in the creationComplete listener function of the object itself, or perhaps in the creationComplete listener function for whatever parent object it resides in?
I would like to scroll the amcharts flex stock chart programmatically on it's horizontal axis, in other words along the time axis. I need to do this, because I need to scroll one period at a time and would like to hook this up to keyboard events. I couldn't find anything in the documentation here: [URL]. I've also tried mucking around with the period selector to see whether I can change the values on it, but no luck there.
View 1 RepliesIs there any way to play, stop or gotoAndPlay(anyframe) from JQuery?
View 2 RepliesI'm working with the Tween object: I'm building a game where mc's need to drop periodically from the sky, and then when they reach the bottom of the screen, they need to be unloaded. The problem I'm having is firing "onMotionFinished" events for these dynamically, "loop-generated" mc's. I think I need to be able to send parameters to an onMotionFinished function, but I can't figure out how. I made a stripped-down version of what I'm doing, here's the code:
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
//this keeps track of which bomb we're on
bomb_count = 0;
[code]....
Basically I just want to have more control over the programmatic tween and its associated events. Everything is there, it's just that the onMotionFinished event isn't attached to the tween I want it to be attached to, it's attached to the most recent tween that occured, or something. I suspect it has something to do with the fact that all my tweens have the same name, but I don't know how to name them differently in the loop.
I read some stuff about "delegates" and "superclasses" and other dizzying objecty things that seemed relevant but like I said, since I'm not oop fluent, I get pretty lost pretty quick, esp.
I've just learned the basics of programmatic animation in Actionscript 3.0 but I can't seem to think of the right solution for this problem.Here is what I'm trying to do: A ball moves at a certain speed from the left of the screen to the right end. If there's a box in the way, it keeps bumping into it until the box breaks and it continues moving forward.The box will have a set weight that will control how much it slides when it is bumped by the ball. The ball will be pushed back a bit when it bumps the box.I have a very specific idea and all I need is a little help starting. How would you tackle this problem?
View 4 RepliesIs it possible to switch an animation FLASH to an animation JQuery? I am actually using [URL].. the problem is IE.. With big animation IE is very VERY slow and we can't abuse it. I would like to know if there is any other pluging i could use and it is working with IE 7+.
View 2 RepliesI'm just learning how to do a liquid layout,I found one tutorial which gave me this basic script:[code]It does what the tutorial says, but there's an error in the output. It doesn't work when I give the 2nd function another name or when I combine both functions. Is there a way to fix this script, or is there a better way to approach this?
View 2 RepliesI have somehow managed to change the layout of my timeline in CS4 so that it shows the layer names, across the entire window. This means I cant see any of the frames, just the layer names.No matter how many times i reset the workspace or change it, it wont come back! If i hover the mouse over the edge I get the double ended arrow that should allow me to pull the side bar over to reveal the frames but it doesnt do anything!.
View 4 Replieslayout mess up if use css in htmlText.ike if I do
<p><span style='display:inline;color:#6b97fe'>Tel:</span>1234567</p>
there would be a line break after </span>
OR
[code].....
I'm learning layouts in Flex. I try to make the following layout.The red arrow means when enlarge the window, the red arrow widget will become large too. Can anyone implement this layout in Flex?
View 2 Replies