Solved

Making a graphic move to selection on menuBar

Posted on 2003-11-11
10
465 Views
Last Modified: 2010-04-03
I have used the Flash menuBar component.
1) How do I change the color and font properties of the menubar
2) I placed a graphic next to the menu bar and I want this graphic to slide to the point on the menu bar that my cursor is over.  How do I do this?
3) I want to add sound as the cursor hits spots on the menu bar. How do I do this?
4) How do I link the items on my menu bar to the correct pages?

From these questions, I guess you can tell I am knew to this but I need to develope something in a hurry and the documentation is a little confusing at this point.
Thank you for any assistance.
0
Comment
Question by:msparrow
  • 6
  • 4
10 Comments
 
LVL 27

Expert Comment

by:negatyve
ID: 9728389
sample: http://www.negatyve.com/EE/menubar/menubar.html
source: http://www.negatyve.com/EE/menubar/menubar.zip

what's your graphic item like, and in what direction do you want it to move (vertical/horizontal)?
0
 

Author Comment

by:msparrow
ID: 9728466
It is a photo that I want to move across the menu bar horizontally.  The graphic will be to the left of the horizontal menu bar.  When

         ---------------------------------------------------------------------------------------
 Pict        Biography      Photos       Music   etc. is on the bar
         -------------------------------------------------------------------------------------

as one of the selections is made, the picture will travel to that point.

        ---------------------------------------------------------------------------------------
        Biography      Photos    Pict    Music   etc. is on the bar
         -------------------------------------------------------------------------------------
See how the picture icon moves to Music?  Is there a way I can get Biography and Photos to move over so Pict will fit between Photos and Music?  If not, it is okay to just have the picture cover over Photos and point to Music
0
 

Author Comment

by:msparrow
ID: 9728479
Negaytve

The menubar in your sample is just what I am using.  How did you change the color of the border, etc and the font?  Now just imagine a graphic going across it as you point to something on the bar.
0
NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

 
LVL 27

Expert Comment

by:negatyve
ID: 9738508
From the same link with the pict moving:

sample: http://www.negatyve.com/EE/menubar/menubar.html
source: http://www.negatyve.com/EE/menubar/menubar.zip

the code is all commented.
0
 

Author Comment

by:msparrow
ID: 9740343
Thanks Negatyve

this is just what I wanted.  Now, to answer the other question:  how do I link the things on my navigation bar to the page they should go to (i.e., click on music and it goes to music page?
0
 

Author Comment

by:msparrow
ID: 9740365
Now Negatyve:  how do I accomplish the remaining items in my question list?
1) How do I change the color and font properties of the menubar

2) I want to add sound as the cursor hits spots on the menu bar. How do I do this?
3) How do I link the items on my menu bar to the correct pages?
thanks mbs
0
 
LVL 27

Accepted Solution

by:
negatyve earned 150 total points
ID: 9741636
>1) How do I change the color and font properties of the menubar


I have changed it (look my code, this is from the sample file):

// MENU STYLE MODIFICATION
this.path.menu_mc.setStyle("color", 0xFF6600);
this.path.menu_mc.setStyle("themeColor", "haloOrange")
this.path.menu_mc.setStyle("fontSize", 10);
this.path.menu_mc.setStyle("fontFamily" , "Verdana");

>2) I want to add sound as the cursor hits spots on the menu bar. How do I do this?

Turn on your speaker, the sound is already there! :) (this code is inside the sample movie):

// CHANGE HANDLER SUBMENU SETTING
this.path.listener = {path:this.path};
this.path.listener.change = function(evt)
{
      this.path.click_sound.start(0,1);

>3) How do I link the items on my menu bar to the correct pages?

please, msparrow, look at my code, the link is already there, just commented:

this.path.listener.change = function(evt)
{
      this.path.click_sound.start(0,1);
      var item = evt.menuItem.attributes.label;
      this.path.text_area.text = "You have just clicked over '" + item + "' item!";
      // DECOMMENT THIS LINE
      //getURL(item + ".html", "_blank");
};


0
 

Author Comment

by:msparrow
ID: 9741953
thanks negatyve.

I did not look at the code because I am away from my computer with Flash on it.  I'll look at the code when I get home.  The sample works perfectly.  Thanks again.
mbs aka msparrow
0
 
LVL 27

Expert Comment

by:negatyve
ID: 9741976
that's ok! :)
0
 

Author Comment

by:msparrow
ID: 9742004
Negatyve:
I have one other question.  Is there a way to return the picture cursor back to the starting point (in this case to the left of the menu) after a selection has been clicked on?  I noticed that the picture cursor remains in the position it last moved to.  I would like to return it to the margin if possible.  Any suggestion? Also, I just purchased Flash Mx 2004 Professional.  Any suggestions on a good detailed book that can help me through this.

thanks, mbs
0

Featured Post

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In my long career of working as an actionscript developer, I had spent sleepless night often working hard to solve some small problems which actually took a lot of my development time; later found out the solutions to be a line or two. Here are s…
I have found that much of my time doing support ends up being a constant repetition of the same steps to different people.  Early on I stated using web pages with Frequently Asked Questions (FAQs) to alleviate most of the burden.  Sometimes this jus…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
The goal of the tutorial is to teach the user how to use the auto adjust feature and what the different options do. When your video is not working right you can choose the auto adjust feature to help choose your settings.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question