Professional :: Highlight Path And Tooltips To Identify Route
Jan 27, 2010
How I should get started to achieve two things. I am creating a map with places and routes between those places.
Objective 1: When a visitor hovers over a place name, I want a tooltip to show, which they can select to be taken to another html page to display information on that place.
Objective 2: When a visitor hovers over a line or path connecting two places, a tooltip shows to identify that route, and again when the tooltip is clicked, the visitor is taken to the route details html page for further information. I want the tooltip to show up anywhere along the path which is hovered over.
I want to know, how I should start to design this and what elements will be required to achieve this, especially the tool tips. And how easy is it to make a path highlight, like a button, when hovered over, can a path have different states?
Here is a image done in Fireworks of my objectives.
I would like to do something like this URl...but have the individual lines animate and show progress along a route. It needs to be a 'real' map so that I can feed in LAT/Longs for for the polylines. This is also a similar effect URL... but I don't need the map panning.I am aware of the google maps api for Flash but there doesn't seem to be any animation other than panning.
I am trying to adapt Ruben Sweringa's Flex-based interactive mindmap [URL] and I've got most of it sussed out. I'm just having a little difficulty with the tooltips and I was hoping someone/some people might be willing to help me out or offer some guidance on these three things:
1) How and where do I set hideDelay to Infinity so the tooltips don't disappear? I think that because Ruben's model uses FXCToolTip and FXCHTMLToolTip to extend ToolTip and ToolTipManager, if I try to modify ToolTipManager.hideDelay in the mxml, the value is ignored.
2) Is there a way to enable HTML formatting in the tool tips? FXCHTMLToolTip looks like it's supposed to read this code, but whenever I add such coding, Flex says "Error: XML is invalid" and the whole mindmap fails.
I'm trying to prevent a custom tooltip from disappearing. I've tried three runs at this, borrowing from the usual suspects: Peter Dehann, MonkeyPatch and others. As you can see from the code below I'd like to stay within the tool tip paradigm and not go to popups.
way to persist a tooltip? The intent here is to have a component which can be cut and paste from.
I have an FLV file that I want to be able to make a text box that acts as a password field.When the user enters the correct password, I want it to route the internet explorer page to a different website.
I want to have a video with a different language on each channel, to give the viewer the possibility to switch dynamically. That's easily done with setPan, however you end up with the audio playing on only one channel, and that's pretty bad, specially if you watch in headphones. So my question is:
how do you take one channel from an FLV stream and send it to both speakers?
So I've created a script where a mc is clicked on and the player can draw a path using the mouse. I'm trying to figure out how I can get the mc to follow the path drawn out by the player's mouse and when the player clicks again, it erases all of the path.my code is below
It is a circle divided into 5 equal parts each 72 degrees. So each state you can see is increases the rotation by 72 degrees. I have a transition for the rotation when the state changes like so:
[Code]....
Being that this is a circle you can actually rotate CW or CCW to get to the right degree for the state. Usually the rotation-transition uses whichever is lower. For example to get from Classic to Centro (0 to 72) it goes CW. But this is not always the case. To go from Lace to Lido (144 to 216) it goes CCW. This is not desired sense it would make a much better transition to go CW because it requires less spinning of the circle to get to the desired degree.
In Actionscript, I'm trying to work out the best way to create the shortest route between two point on the map above. I have all the distances.
Algorithms like A* I dont think are relevant as it is near impossible to work out the heuristic distance.
I thought I could create a big array of all the nodes with the distances to any connected nodes and just iterate through until Ive found the the shortest distance, but this I know is very inefficient.
I have been learning about classes and oop programming with AS2. I think I have a very good idea of how it all works, but I'm lacking in one final area before I can truly say I'm coding in OOP. Currently, I use a contentmanager class to route all button commands through. This class handles the removal and preperation of the stage for content change, and then seperate classes handle the actual loading and placement of the new content.
So in a way, its not really OOP, just very well organized code. The next step is Event Management in AS2. I know it can be done, I read through a few tutorials, but get confused by it all. What I'm looking for now is two things.. a very good Event Management tutorial or article if anyone knows of any..
as well as a sample site that can be downloaded or viewed which has been written using OOP. I want this sample site, to re-evaluate how my current way of programming holds up compared to more proffessional examples...(Perhaps even we can turn this into a hot thread with examples of code and structures to help other developers trying to gain a grip on OOP..?)
so i finally decided to jump to as3 from as2! (yes, it took me some time XD) I have a better understanding of as3 after reading tutorials, however i have a problem/doubt: I have 2 movieclips on my main timeline with the name of the instances: OBJ_1 and OBJ_2. both have animations. OBJ_1 has a stop on its 1st frame; OBJ_2 has an action in its last frame:
In the scene there is a star and an AI player.what equation would take the AI player on the most direct route to the star...i.e guide it into the path of the star...just to make things clear, the star is static and the ai plaer is controlled by the computer. i think you have to make two variables distx and disty and use some sort of trigonometry on them but i'm not entirely sure on how to go along doing this.
Currently I am working on a map that will animate the drawing of a line between two points as soon as the user hovers over the end point. A good example of this can be seen on the home page of Jet2.com (the map of Europe).
It seems I am having difficulty with drawing the line dynamically. Of course, just drawing a still line between two points is easy, just use MoveTo() and LineTo(). However, having the line expand in an animation is quite difficult for me.
Here is what I've come up with so far:
Code: // Create the clip this.createEmptyMovieClip("drawing_mc",1); // Declare variables
Im working on some actionscript drawing, right now Im drawing a curved line on a map to show a route for a shipping company, the line is red but I would like to color a portion of the line green for the completed portion of the journey.
when I try to make text or a button into a hyperlink within that tooltip, it doesn't seem to be usable in the preview. I click on the text/button, and it just doesn't do anything. I've tried coding it several different ways, and looked for an appropriate tutorial, but I haven't been able to find any luck. Is there something I'm missing? Can I even make hyperlinks in a tooltip that's made with that simplified code, or will I have to find another way to make them?
I have a flash file that I am scaling. There are buttons in the file that have tooltips that pop up when you roll over them.Problem is, the tooltips scale with the .swf file so they get huge and are not in the right spot over the button anymore.the tooltips will maintain a size without being scaled?
ForEVER I've been annoyed with tooltips in Flash. Yeah, I've turned them off in preferences, but that doesn't effect the ones in the ActionScript area. I've gone so far as to globally and specifically set tooltips to a delay of 60 seconds in my Mac terminal, effecting every application in my system, but this f^%king program over rides even that.
I'm developing with Flex 4 and have a problem with tooltips in skins. I want to define the tooltip behavior of a textinput in the skin (or other components). I create a new skin and try to add a tooltip attriute to the <s:sparkskin> directly and to the <s:RichEditableText> but the tooltips don't show up. First: Is it possible to define tooltip in skins? If not, why? Second: If it's possible, why doesn't it works
I've been doing a number of pretty basic flash banner ads at the typical advertising size (728x90, 300x250, etc.) but the client wants to throw in some video for this upcoming batch. I've already been given the .flv movie file. It's about a minute long at 3 mb, but I'm only going to use about 4 seconds of it. My question is what is the routine/typical route to take when adding video to banners but also keeping under the file size limitations (around 37k)? I did some brief research and read about progressive downloading but wasn't sure what the typical direction was when delivering files like this to the vendors.
I'm using the tooltipManager as described [URL]. I want to display a custom tooltip for the buttons of a buttonbar. The buttonbar's declaration is as follow: <mx:ButtonBar id="topToolbar" height="30" dataProvider="{topToolbarProvider}" iconField="icon" itemClick="topToolbarHandler(event)" buttonStyleName="topButtonBarButtonStyle" toolTipField="tooltip"/>
Until here, everything works fine. I do see the proper text displaying in a tooltip. Then, I created a custom tooltip manager using the tutorial quoted previously: public class TooltipsManager { private var _customToolTip:ToolTip; public function TooltipsManager() { } public function showToolTipRight(evt:MouseEvent, text:String):void { var pt:Point = new Point(evt.currentTarget.x, evt.currentTarget.y); [Code] .....
Now, this is where I start having issues... I'm trying to get to use this custom tooltip, but I don't know how to get the buttonbar to take it into account. I created a function to see when could I call the functions in my TooltipsManager: public function showTopToolbarTooltip(e:ToolTipEvent):void{ trace('blabla'); } But it would seem that it's never taken into account. I've put this function in different buttonbar's events: tooltipcreate, tooltipstart, tooltipend but nothing happens. Not a single trace. Where to call the function of my tooltipManager?
I have a set of dots I am placing on a map dynamically (using attachMovie) with an XML file giving the coordinates. I also am using the "hover caption" tutorial (great) to assign a tooltip for each dot. When I rollover the dots, the tooltip appears fine, but it is under the dots, not at the highest level. I have the level set to getNextHighestDepth():[code]Any ideas as to how to have the tooltip site on top of everything?
I cannot recall where I go to specify the path direct to the FLV file from within Flash after placing the PlayBack component / skin over the movie on the stage. this is the last step before publishing the movie (in order to have embedded in an HTML page)?
I have a list of objects containing an icon, a label, and a tooltip. I want to show only the icon and the label. The tooltips should be visible on mouse over an item.
Is there a way i can achieve this without writing my own mouse-over/out functions?
(notice that dataTips are a different thing as they are displayed only when the label is cut)
I have a flex app that used to be an internet based app. In it I have a function that creates tooltip error messages when I tell it to create an error message. I pulled this app out verbatim to a desktop app and restructured things a bit to get it to run, but I did not mess with the core fundamentals of the mxml file that utilizes this aside from changing the root tag from a type of 's:Group' to 's:Window'. Everything runs correctly, but the tooltips are not displaying.
Here's the tooltip code (inline mxml code in the fx:script cdata tag): import mx.controls.ToolTip; import mx.managers.ToolTipManager; public var errorTip:ToolTip; private function createErrorMsg(errorMsg:String, object:Object):void { if (errorTip){ToolTipManager.destroyToolTip(errorTip); [Code] .....
Basically, I pass the function a string and an object (text input, checkbox, button, etc...etc...) and it positions it and displays the error message. This fully works in my web version, but not in my desktop version.
Here's the code that instantiates the window: var window:LoginWindow = new LoginWindow(); Window.systemChrome = NativeWindowSystemChrome.NONE; Window.transparent = true; Window.open(true); Window.maximize()
On a side note, I check to see if the errorTip exists at the beginning of the function and then destroy it so that the higher scoped variable 'errorTip' always equals the reference to the currently displayed error. This allows me to just destroy that error tip on form validation and then error check again, but it only allows one tooltip to be displayed at a time. Is there a better way to query the tooltip manager for all of it's currently displayed tooltips and destroy them all?
I'd like to use tooltips with the same design as the error/validation tooltips (rounded box with a tip pointing to the mouse's position).Given the name "error/validation tooltips", it bothers me to use them as normal tooltips.I haven't found people having the same "principles" issue as myself..So, is it that bad to use the error/validation tooltips as normal tooltips? And, if yes, what would be the easiest way to re-use its design without rewriting much code?
I am one of a team of designers/coders and the team are a mix of PC and Mac users. The Flash version we work in is 8. We all take on each others Jobs from time to time and it's becoming a problem when we need to update media in the Library as the FLA can't find them. Is there a preference or system file that we need to change etc etc? I know we can manually locate the files but at present we are designing a JSFL that automatically updates, sizes our media within the FLA and the path issue is causing a problem.
after I create a motion tween, why is it that I don't always see the path of that tween? It seems that I've got to shuffle stuff around a bit before I actually see the colored path. Is there some trick to this?
I'm trying to write a plug-in for Flash CS5 that will display the "instances path" for a selected object. I'm trying to work with JSFL.I manged to get all selected objects using fl.getDocumentDOM().selection. I iterate over the array I get and look at the objects. I am able to get each of the objects' name. What I need to do is construct the "path" to that object (e.g., scene.scene.instance4.myText). Can anyone think of a way to do that? Is there a way to get the object that contains a certain object?
I realise that I need to keep all my code on the main timeline, so now I need some serious help with targeting movieclips and buttons, when I use the target path tool (the little gun sight in the action script panel) it lets me navigate to the thing I want, but when I use it's suggestion it very often doesn't work, and I am left using trial and error to work it out. Ican get stuff to work, but I really have no idea why or how I am doing it, Sorry to be such a N00B, but I really think if I can work this out I am going to get
