ActionScript 2.0 :: XML Navigation Item Stays Highlighted?
Nov 25, 2004
Have been incorporating XML data into applications for a while now... have now begun using it for medium to large navigation lists.
While I can do any method of horizontal, clamshell, expandable, motion-based navigation etc I have a strange problem overall... I cannot, for the life of me, figure out how to code a smart function that will check which nav item was clicked and keep it highlighted until another one is clicked... then that one would highlight and all of the others would be un-highlighted.
I can do rollOvers using references to XML array generated items. BUT-- the smart checker is something I cannot figure out..
Have been incorporating XML data into applications for a while now... have now begun using it for medium to large navigation lists.While I can do any method of horizontal, clamshell, expandable, motion-based navigation etc I have a strange problem overall... I cannot, for the life of me, figure out how to code a smart function that will check which nav item was clicked and keep it highlighted until another one is clicked... then that one would highlight and all of the others would be un-highlighted.
I can do rollOvers using references to XML array generated items. BUT-- the smart checker is something I cannot figure out... any ideas out there. Must be simple.
If I am making a simple navigation menu bar for a flash site in AS2 with mouse over/rollOut effects, then what is some possiblr actionscript I can use per menu item in order to have tHAT particular menu item selected while it's active ( in other words, if I click on services and I am located on the services page, the services object form the menu would be highlighted and if I were to click on that 'Active/highlighted" menu object, no event would occur. but it would simply remain highlighted until the point that I click on a different menu object and that highlight effect on previous menu object would fade out.
I have a Flex (3.5) Tree with drag & drop support, but the problem is that after I drag an item (node) and drop it, it's supposed to be the selected item in the tree, but for some reason it's not highlighted.
I have a tutorial-based carousel navigation item for my site built, and now new XML content (CDATA) for the carousel can be loaded dynamically into the carousel depending on pressing different language buttons (example attached). After a few fails and tries, all good!
What I am trying to do is apply a preloader for the whole thing. Attached are 3 FLAs:1) 'working' shows the different language buttons working as I have them - the tooltips and expanded icons will show different XML content depending on the language button selected (English, Polish, German, Dutch - haven't created content or translated yet, but you can see different identifiers!)
2) 'preloader' shows the preloader I would like to apply to the carousel item. The layers are moved to frame ten mostly, 'Export in Frame 1' has been un-checked in properties for the 'item' and 'tooltip' library items, and a new layer containing dummy 'item' and 'tooltip' instances in keyframe 5 have been added. The AS has also been changed, but it doesn't take into account the multi-XML change as in 1 above
3) 'bridging' is my sorry attempt to bridge the gap between 1 and 2 above. I think that a separate array will be needed - one for the multi-XML and another for the way in which the preloader works, but nothing that I have done so far can get this to work. I have been banging my head on this since Saturday, the 'bridging' actions layer only contains a slight variation on some of the bonkers theories I have been trying, I've rolled back most of the changes - all to no avail though....
Can anybody please have a look at what I am trying to do and let me know what it is that I am doing wrong, or give me some pointers? The 'problem' AS sits in the keyframe in frame 10 of the 'actions' layer.
This is a snippet of code in our custom item renderer which is in actionscript:
textCustomItemRendererTempForTab.tabEnabled=true; textCustomItemRendererTempForTab.focusEnabled=true; textCustomItemRendererTempForTab.setFocus(); Alert.show( "Without this alert focus goes to next grid " ); keyboardEvent.preventDefault(); keyboardEvent.stopImmediatePropagation(); keyboardEvent.stopPropagation();
Right now tab navigation works (on tab, focus goes to next editable cell) with the alert inserted in the code but I'm not sure why because I believe the alert in the code breaks the flow of event bubbling. However without the alert (which is what we are going for) the focus goes to the next grid in our UI.
You can see the attempts of trying to stop the event from going to other components. I have also tried to call preventDefault() and stopPropagation() on the datagrid when it receives a tab key event.
how to allow proper tab key navigation without an alert?
how to keep a button highlighted after it is selected?My navigation list is gray, when I select a navigation button, I have it turn orange and go to that scene/page once I roll off the button it goes back to gray. I would like it to stay orange.
I have a set of buttons with the following script... so when clicked they go to relevant frame. My question is how to I temporarily disable a button so it appears highlighted but you cannot click it when you are in that spot. E.g. when scenario 1 button takes you to scenario 1, I only want the others buttons to be clickable...
A_scenario1_btn.addEventListener(MouseEvent.CLICK,part1scenario1); function part1scenario1(event:MouseEvent):void { gotoAndPlay("label4"); } A_scenario2_btn.addEventListener(MouseEvent.CLICK,part1scenario2); function part1scenario2(event:MouseEvent):void { [Code] ......
I have a menu consist of many button and it have a rollover state of being colored and highlighted i want any button i selct to keep highlighted as it slected and when another button be selected the new one become highlighted here is thew cide i have and that' doesn't work.[code]...
HII have a navigation bar in which each one is going to different page on mouse release .. i have to do that when i release any button that link is activated or highlighted on that page .How will it happen .
selected rows (by mouse click) are not highlighted when i click once. but they highlights when i click twice. Maybe i'm not registering correctly the event ?
... and when i remove the event - evryting is work perfect.
here is the selectRow function
Code: private function selectRow(e:MouseEvent):void { if(e.target is CellRenderer) { // do something } }
now i've divided my scene with frames labeled. say: at frame 1, it's my about section. At frame 20, its my photo section, etc. on the same scene, i've created my menu to navigate to these sections. each button calls a frame label, and the proper ainmation happens, and then, you're in the section you chose. NOW... (i have a feeling i should of thought about that earlier...) i'm trying to figure out a way to tell my button to be unclickable (and hightlighted) while you're in its section, until you leave that section. i know that my site is probably NOT constructed the way it should be. but starting over isnt really an option, since i have a deadline...
I'd like to be able to tell my ADG to set a specific row to be highlighted and update the adg rendering to match such new value. Note: highlight != selected. I thought perhaps setting highlightUID would do the trick, but I can't seem to get the ADG rendering to update.
I've recently designed some menu buttons each one gets highlighted on mouse over and defaults back on mouse out. On Mouse click the button remains highlighted and when another button is clicked the current button goes back to its default state and the new button is now highightedI know this has been asked before, and I know how to do this using a timeline and having flags marking the 'start' 'end' and 'highlight' states on the timeline. My original code uses IF and gotoAndStop statements...But recently I've been getting into tween classes using as2 and would like to know how to achieve this effect using _alpha values within tween classes.To me it seems easier to do this purely with code, i.e _alpha is 0 then tween to 100 on rollover. On rollout it reverses, and on click the alpha immediately goes to 100 and stays at 100 until another button is pressed
i have a menu http[url]....that i want to have the month and day stay highlighted depending what page you are on. you will have to check it out to see what i am talking about
the menu sits on an asp page so the whole site is not all in flash but when someone clicks and month and day i want it to stay colored in even after they are taken to that page. i know their has to be a way to do this without making a menu for each month.
i'm using a custom cellrenderer set the styles of the grid cells (ie. selectedUpSkin, overSkin, etc.)I've also set up some mouse events to set a mouseover flag, however this is cell-specific and only allows me to change the text color in a single cell instead of the entire row as shown here:[code]how can i alternatively change the text color of an entire row of cells?
I need to customize a look and feel of standard Flex LineChart with LineSeries. I cannot figure out how to change default circles drawn when the mouse pointer is over a data point.
Thing is, after applying a new color theme for my Flash Builder enviroment, the only thing I couldnt find was an option to change the color when you enter in debug mode. When you have a brakpoint there, the color of that line change to light green, and I got dark background and white characters.. so, I dont see anything, I have to manually highlight the line.. really annoying.
I need to give a value, then when I give another value, the actionscript goes to the new value slowly.So if I give 10, then I give 20, the value goes 10 11 12 13 14 15 16 17 18 19 20. Basically I'm creating a dynamic menu that when a button is highlighted, a vine grows to the button. When you highlight the button next to it, the vine grows to the next button. I can't think of a way for this to work other than this value smoothing technique.
What I want to achieve is active links like in HTML websites.I have 3 buttons on the stage, when the user clicks on the first button it should be highlighted and should remain in that position till the user clicks on the next button. When he clicks on the 2nd button the previous one should come in normal state and the 2nd one should become highlighted and so on....
Just curious to know if its possible. I have a nav that is in flash and will be in many .asp pages. Could a corresponding button in the nav stay highlighted to represent where a user is by detecting what page it is on?
I have a flash menu that I'd like to use on a HTML page. I'd like to make it so that when a user clicks one of the buttons, that button will remain highlighted on the page that uploads. An example of this would be at [URL]. How is this possible with action script? I was told in another board that it had to do with variables, though the person did not give a clear explanation that I could understand. I'm new to action script but am learning bit by bit!
What I want to do is, when I select an item in the datagrid, the selected item of the dropdown should be the correct one (the one which has the field idCompSuperioara equal to the third element in the selected datagrid row).
I'm creating a mobile app in which I need to show a calendar with months at the top. The months are part of a component that extends from SkinnableDataContainer (and has some custom scrolling/behaviour - which is why I did'nt use a spark list). I need the months to be shown as a 'trapezium' shaped tab and so I'm using a png image as a mask in the item renderer for the component.
When the mask is not applied, it all works well - the months render, the list/data container selection works when I click on a month and so on.When the mask is applied, it renders well, scrolling and everything else seems to work well - but when I click on a month, nothing happens visually. And from the trace statements in my code, it appears list item selection is not changing. Looks like mouse clicks are not working.
Code:
public class TopCalendarMonthRenderer extends LabelItemRenderer { [Embed(source="/assets/trapezium_alpha.png")] private static var TrapeziumMask:Class; private static var trapeziumMaskInstance:BitmapAsset;
I am in search of finding a way to display shopping cart items in a flash 8 datagrid in the order it was chosen by the user & also to ability to delete an item if the user choses. Currently I have the items displaying however they are displaying in a position as it is stored and called in the array. [code]
I have made a drop down menu with 7 items but as the invisible bottun around each item interferes with the item besid it, when i try to roll the mouse from one item to another, the invisible bottum dont work and the dropdown remains open.
